Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Tuesday, January 14, 2014

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

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.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 4:02 PM

0 komentar :

Post a Comment

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog