Selasa, 22 Februari 2011

Home » » cara menampilkan horizontal navigasi pada blog

cara menampilkan horizontal navigasi pada blog



  Ada beberapa cara untuk menampilkan horizontal navigasi seperti yang saya punya.

1. Silahkan masuk ke DASBOR > RANCANGAN > TAMBAH GADGET
2. Copy kode berikut dan pastekan :



<style type="text/css">.h_mnu_01{width:100%;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;font-style:normal;text-decoration:none}.h_mnu_01 ul{margin:0;padding:0;float:left;width:100%;background:#000000;border-top-width:1px;border-right-width:0;border-bottom-width:1px;border-left-width:0;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:#000000;border-right-color:#000000;border-bottom-color:#000000;border-left-color:#000000}.h_mnu_01 ul li{display:inline}.h_mnu_01 ul li a{float:left;color:#FFFFFF;padding:5px 11px;text-decoration:none;border-right-width:1px;border-right-style:solid;border-right-color:#000000}.h_mnu_01 ul li a:visited{color:#FFFFFF}.h_mnu_01 ul li a:hover,.h_mnu_01 ul li.selected{color:#FFFF00!important;padding-top:5px;padding-bottom:5px;background:#008000}</style><div class="h_mnu_01"><ul><li><a href="http://sharingilmu-adit.blogspot.com/">HOME</a></li><li><a href="http://sharingilmu-adit.blogspot.com/2011/01/tentang-blog-ini.html">TENTANG BLOG INI</a></li><li><a href="http://sharingilmu-adit.blogspot.com/search/label/blogging">BLOGGING</a></li><li><a href="http://sharingilmu-adit.blogspot.com/2011/01/kritik-dan-saran.html">KRITIK DAN SARAN</a></li><li><a href="http://gudanglagu.com/tanggalagu.php">TANGGA LAGU</a></li></ul></div>


silahkan yang diberi warna harap diganti sesuai keinginan kamu 
warna kuning = alamat yang dituju ( address bar )
warnah merah = nama tampilan diblog


jika masih tidak bisa, silahkan download dan copy disini untuk htmlnya ( tenang aja, gratis koq )
caranya sama dengan diatas
selamat mencoba ....

Tidak ada komentar:

Posting Komentar

alangkah baiknya jika meniggalkan komentar untuk blog ini ...........