Kamis, 08 Mei 2014
Menu horizontal pilihan terbaik alternatif untuk label atau bagian.
Pentingnya menu horizontal termasuk: mengurangi ruang yang ditempati oleh bagian / label dan mendistorsi tampilan blog, mengkoordinasikan dan mempercantik gaya blog.
Widget ini dirancang oleh teknologi CSS3, Dan Anda dapat menambahkan gadget ini ke blog Anda dengan cara yang sangat mudah:
Menambahkan widget untuk blog Blogger:
1. Pergi ke Blogger Dashboard → Tata Letak → klik "Tambah gadget".
. 2 Pilih "script html / java" dan tambahkan kode yang diberikan di bawah ini:
<style type="text/css">.menu li{list-style:none;display:inline}.menu li a{-moz-transition:all 270ms ease-in-out 0s;-webkit-transition:all 310ms ease-in-out;-o-transition:all 270ms ease-in-out;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbWScNCWerFsAqfegr-cueJnMWwATY0WebBMrTIAAjODJP25PWEpRR9BkLQcwIjEM-Ft71IK2WSOqYYlI0qf7F9x5MEopDH0xsSRkggEkKIiK6IZbikpXY7_rHMvAGjOVwDhEt4Qr4YQk/s1600/noop-menu-blogger.png") repeat scroll 0 0 transparent;border:1px solid #1357AF!important;border-radius:3px 3px 3px 3px;color:#FFFFFF!important;font:14px arial!important;padding:10px 38px!important;text-decoration:none;text-shadow:1px 1px 0 #000;margin-left:-5px}.menu li a:hover{background-position:right center!important}</style>
<a href="http://seotutorialblogg.blogspot.com" style="position: absolute;z-index:-11;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhumPDAdpA8SOdi510zD4qGqjB-5YBrR8-FDti4XVzCc9PoQ9vhOxMh6Nx9mmny2oeeCT-NrmoVxbSO64tpyRQrxQSwX_VxzK7QlQGTXj_SG7JwcEHMo5gmWtegRzcC1TDUYJdwamh8wnY/s1600/1x1juice.png" /></a>
<div class="wg-shining-menu">
<ul class="menu">
<li><a href="#">Features</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
CATATAN
3 -. Ganti URL biru dengan Anda sendiri.
- Ganti nama tab merah dengan Anda sendiri.
4. Terakhir klik save.
Sekarang Anda dapat melihat hasilnya (o)