Menu Horizontal Chunky Menu

Akhirnya sekarang udah musim hujan,dingin banget enaknya minum teh hangat nih sambil nulis artikel Deari widodo akan  shear bagaimana cara buat menu Horizontal Di blog kita binggung makanya sering2 kesini cari ilmu pengetahuan hahahha.? Untuk menu ini pemasanganya kagak ribet kok gampang dan simpell kayaknya langsung aja deh kita pasang di blog kita....?

Untuk Demonya LAngsung bisa dilihat disini

Caranya :
1  Pastinya Login Ke blogger
2. Masuk Desaign/Pengaturan HTML
3. Centang Expand Widget Templates dan Download Themplat Untuk Menjaga Kesalahan
4. Masukkan Kode Dibawah ini diatas Kode ]]></b:skin>

#top_navigation{background:transparent;width:800px;height:77px;list-style:none;margin-top:7px;margin-bottom:11px;width:100%}ul.nav{background:transparent;width:800px;height:57px;line-height:31px;list-style:none;padding:0 10px;font-size:14px}ul.nav li{display:inline;padding:0;background:transparent}ul.nav a{background:transparent;height:30px;font-size:16px;color:#808080;float:left;padding:11px 19px 11px 16px;text-decoration:none;border-top:1px solid #252525;border-bottom:4px solid #252525;border-left:1px solid transparent;border-right:1px solid transparent;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}ul.nav a:hover{background:#252525;border-top:1px solid #252525;border-bottom:4px solid #000;border-left:1px solid #252525;border-right:1px solid #252525;color:#FFF;padding:11px 19px 11px 16px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}

5. Setelah Itu Masukkan KOde Dibawah ini Diatas <div id="content-wrapper">

<div id='top_navigation'>
<ul class='nav'>
<li><a href='Http://widodoclalucyank.blogspot.com'> Home </a></li>
<li><a href='Http://widodoclalucyank.blogspot.com'> Tips Blog </a></li>
<li><a href='#'> Hackker </a></li>
<li><a href='#'> My Facebook</a></li>
<li><a href='#'> Contact </a></li></ul></div>

Bila Menu Mau diatas Navbar Taruk Kode diatas Di Bawah Kode </head>
Jagan Lupa Simpan Themplat