Hallo Sobat Mafia Hacker, Kali ini saya akan berbagi ILMU CSS Blogger tentang " Cara Membuat Menu Disable Right Click with Windows 8 Style " Mungkin Cara ini sudah sangat Populer sekali . . Bahkan Ada yang belum tau . . Perbedaannya dari Right Click lainnya, fitur ini sangat mirip sekali dengan Scroll bar pada Windows 8 . .
Kalau Sobat tau, Pasti Right click yang Sangat Populer pasti hanya lah . . Dengan di Disable Fitur Click kanan . . Atau Source codenya . . Tapi justru cara ini sangatlah berbeda . . Cara ini lebih meminimalisir Fitur-fitur , Ditambah dengan Fitur Menu Navigasi yang bisa anda Edit Sendiri . .
Untuk DEMO nya , kalian tinggal klik kanan saja Pada Template Blog ini . . Maka fitur ini akan muncul keluar :)
Gimana sih caranya?
Bagi kalian yang penasaran , Nih cara masangnya :
1. Taruh Kode CSS dibawah ini diatas kode ]]></b:skin> atau diatas kode </head> tapi dengan menambahkan kode <style>...CSS...</style>
/* Disable Right Click */ nav {background:#F3F3F3;box-shadow:0 1px 0 rgba(0, 0, 0, 0.4) inset, 0 2px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 3px rgba(0, 0, 0, 0.2);height:50px;overflow:hidden;position:relative;text-align:left;} nav a {color:#000 !important;text-shadow:1px 1px #222222;display:block;text-decoration:none;line-height:50px;padding:0 10px;box-shadow:1px 0 0 rgba(255, 255, 255, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset} nav a:hover {color:#666 !important;text-decoration:none!important;} nav li {display:inline;float:left;} nav li a {font-family:'Agency FB';letter-spacing:1px;font-weight:bold;font-size:15px;} .overlay {box-shadow:0 0 4px #DDD;background:#F3F3F3; position:fixed !important;height:50px; bottom:0px; left:0px; right:0px;border-top: 2px solid #DDD;z-index: 100;} .tutup {border: 4px solid #555;border-radius:40px;cursor: pointer;float: right;height: 20px;margin: 12px; width: 20px;position: relative;} .tutup:before {font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;position: absolute;color: #666;font-size: 16px;top: 1px;left: 3.5px;content: "\f00d";}
2. Taruh kode Dibawah ini diatas kode </body>
<script src='https://first-secondary.googlecode.com/svn/trunk/lainnya/rightclickmenu.js' type='text/javascript'/>
<div class='overlay' id='overlay' style='display:none;'><a class='tutup' id='tutup'/><div class='waone' id='waone'>
<nav><ul>
<li><a href='/'><i class='icon-home'/> Beranda</a></li>
<li><a href='/p/sitemap.html'><i class='icon-file-alt'/> Daftar Isi</a></li>
<li><a href='/search/label/Blogspot'><i class='icon-folder-close'/> Blogspot</a></li>
<li><a href='/search/label/Photoshop'><i class='icon-edit'/> Photoshop</a></li>
<li><a href='/search/label/Tips%20Trik'><i class='icon-desktop'/> Tips Trik</a></li>
<li><a href='/p/tukaran-link-blog.html'><i class='icon-link'/> Tukaran Link</a></li>
</ul></nav>
</div></div>
Nah, Kurang lebih Seperti itu caranya . . Semoga Bermanfaat :)
Referensi
