Cara membuat menu blogspot - widget menu
blogspot atau cara membuat menu blogspot ini sangat simpel, code menu
blogspot ini ringan dan memiliki tampilan yang menarik. Widget menu
blogspot cocok buat para pemburu menu unik dan memiliki code yang
ringan. Untuk melihat bagaimana bentuk dan tampilan widget menu blogspot
ini, silahkan klik link demo dibawah ini dan dekatkan cursor anda pada
menu blogspotnya. Bila anda merasa tertarik dan ingin memasangnya di
halaman blogspot anda, silahkan simak penjelasan tutorial di bawah ini,
langsung saja menuju TKP.
Code CSS here..
ul.menu-blogspot { margin:0; padding:0; list-style-type:none; }ul.menu-blogspot li { position:relative; float:left; border-top:4px solid #fff; margin-right: 15px; padding-right: 20px; padding-top: 5px;}ul.menu-blogspot .select { border-top:4px solid #FFEAEA;}ul.menu-blogspot li:hover { border-top:4px solid #990000;}ul.menu-blogspot li a { padding:2px 2px; text-decoration:none; font:bold 12px Verdana; color:#990000;}ul.menu-blogspot li a:hover { color:#FF0000; border:none; }ul.menu-blogspot li span{display:none;position:absolute;top:15px;left:2px;width:160px;font:normal 9px Verdana;line-height: 10px;background-color: #000000;padding: 5px;}ul.menu-blogspot li a:hover span {margin-top: 7px; display:block; color: #CCCCCC;}
Pasang code html cara membuat menu blogspot ini dibawah ini di dalam postingan atau halaman anda.
html
<ul class="menu-blogspot">
<li ><a href="http://mas-arie69.blogspot.com/" title="Branda" target="_blank">Branda<span>Halaman awal yang membidangi berbagai tutorial Blogspot</span></a></li>
<li class="select" ><a href="http://mas-arie69.blogspot.com/" title="About Us" target="_blank">About Us<span>Profil admin dapat anda lihat di halaman ini - kepribadian penulis</span></a></li>
<li><a href="http://mas-arie69.blogspot.com/" title="Contact" target="_blank">Contact<span>Bila anda membutuhkan fasilitas untuk menghubungi kami, silahkan di halaman contact</span></a></li>
<li><a href="http://mas-arie69.blogspot.com/" title="Sitemap" target="_blank">Sitemap<span>Untuk mempermudah melihat semua artikel pada situs ini, kami menyediakan fasilitas sitemap</span></a></li>
<li><a href="http://mas-arie69.blogspot.com/" title="F.A.Q" target="_blank">F.A.Q<span>Anda dapat melihat semua peraturan yang berlaku dihalaman dan situs ini - untuk fasilitas umum</span></a></li>
</ul><div style=" clear:both"/><br/>
