cara membuat menu blogspot

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.

Demo

Code CSS here..

/*****************************************
Name : menu blogspot
By : Rivai Silaban | Blog Design
Update :Selasa 14 January 2014
site : www.rivai.org
******************************************/
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;}
/*** www.rivai.org CSS menu blogspot and ***/

Pasang code html cara membuat menu blogspot ini dibawah ini di dalam postingan atau halaman anda.

Code HTML here..

<!-- www.rivai.org code menu blogspot start-->
<ul class="menu-blogspot">
<li ><a href="http://www.rivai.org/" title="Branda" target="_blank">Branda<span>Halaman awal www.rivai.org yang membidangi berbagai tutorial Blogspot</span></a></li>
<li class="select" ><a href="http://www.rivai.org/" 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://www.rivai.org/" title="Contact" target="_blank">Contact<span>Bila anda membutuhkan fasilitas untuk menghubungi kami, silahkan di halaman contact</span></a></li>
<li><a href="http://www.rivai.org/" 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://www.rivai.org/" title="F.A.Q" target="_blank">F.A.Q<span>Anda dapat melihap semua peraturan yang berlaku dihalaman dan situs ini - untuk fasilitas umum</span></a></li>
</ul><div style=" clear:both"/><br/>
<!-- www.rivai.org code menu blogspot end-->

Bila anda masih belum memahami tata cara membuat menu blogspot ini silahkan kunjungi halaman sumbernya, dan lihat penjelasan detail codenya, semoga bermanfaat..
Sumber : http://www.rivai.org/2014/01/menu-blogspot.html

menu

• cara membuat widget menu slick blogspot
• widget mega menu blogspot
• widget menu
• widget jquery menu horizontal
• widget navigasi gradient style blogspot
• widget menu bar google style
• widget Floating Menu Social media valid html5
• widget flying navigasi jquery tooltip
• cara membuat widget jquery flying menu
• cara membuat jquery flying menu valid html5

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 4:02 PM