cara membuat menu horizontal

kali ini saya posting tentang bagaimana cara memasang menu horizontal di blogspot. menu horizontal adalah beberapa pilihan atau opsi menu yang disediakan atau tersedia di blog tersebut, yang berbentuk mendatar atau lurus. hal ini sangat penting digunakan di blog, hampir semua blog menggunakan ini. ada banyak ragam pilihan bentuk menu , dari yang keren hingga yang sederhana saja, nah , saya kali ini akan bahas tentang cara membuat menu horizontal yang sederhana dulu saja.

berikut adalah langkah langkah membuat menu horizontal

1. sekarang masuk ke blogger.com / akun blog
2. masuk ke TEMPLATE
3 klik edit HTML
   ( setelah itu akan muncul kode kode )
4 cari kode ]]></b:skin> dan masukan kode dibawah tepat di atass kode ]]></b:skin>
   .navhorizontalpic{background:#434343 url() repeat-x top left;width:100%;height:40px;border-top:1px solid #000000;margin:0 auto;padding:0 auto}
.navhorizontal{width:960px;height:35px;margin:0 auto;padding:12px 0}
.navhorizontal ul{padding-left:0;color:#fff;text-transform:none;list-style-type:none;font:normal 12px Arial,sans-serif;margin:0}
.navhorizontal li{display:inline;margin:0}
.navhorizontal li a{background:url() no-repeat center right;float:left;display:block;text-decoration:none;color:#eee;line-height:1.5em;padding:1px 12px}
.navhorizontal li a:visited{color:#eee}
.navhorizontal li a:hover{color:#8a8050;text-decoration:none;-moz-transition:color .25s linear;-webkit-transition:color .25s linear;transition:color .25s linear}

5. cari kode seperti di bawah ini
     <div id='header-outer'>
<div id='header-inter'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=' (Header)' type='Header'>
<b:includable id='title'>
----------------------
----------------------
----------------------
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
 Letakkan kode berikut tepat dibawah kode </b:section> diatas

5. <div class='navhorizontalpic'>
   <div class='navhorizontal'>
   <ul>
   <li><a href='/'><img alt='Panduan Template Blog' border='0' src='link url gambar' title=''/></a></li>
   <li><a href='#'>Forum</a></li>
   <li><a href='#'>Color Code</a></li>
   <li><a href='#'>Archieves</a></li>
   <li><a href='#'>Contact us</a></li>
   </ul>
   </div>
   <div style='clear:both;'/>
   </div>
6. Selesai. Silahkan pratinjau perubahan blog anda, jika tidak ada error maka pada tampilan Preview, anda akan melihat tampilan menu horizontal blog sederhana seperti yang ada pada blog ini.
7. Simpan Template

Okey, semoga bermanfaat dan bisa diterapkan dalam blog anda setelah membaca artikel ini, Cara Membuat Menu Horizontal Blog Sederhana