- Back to Home »
- blog , widget »
- Menu Horizontal Chunky Menu
Posted by : RAYPHOTOWORKS CIKARANG
Kamis, 10 Januari 2013
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....?
Caranya :
1 Pastinya Login Ke blogger
2. Masuk Desaign/Pengaturan HTML
3. Centang dan Download Themplat Untuk Menjaga Kesalahan
4. Masukkan Kode Dibawah ini diatas Kode ]]></b:skin>
5. Setelah Itu Masukkan KOde Dibawah ini Diatas <div id="content-wrapper">
Jagan Lupa Simpan Themplat
Untuk Demonya LAngsung bisa dilihat disini
Caranya :
1 Pastinya Login Ke blogger
2. Masuk Desaign/Pengaturan HTML
3. Centang 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><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>
Jagan Lupa Simpan Themplat