Memasang menu Horizontal

Ketika kita membuat blog kita pasti ingin blog kita tampil dengan indah dan cantik selain dari isi blognya yang bermanfaat buat orang banyak , tapi terkadang ketika kita memilih templatenya , dipastikan ga semua tampilan sesuai dengan keinginan kita , misalkan templateg yg sesuai keinginan kita ga ada tampilan menu yang bisa membuat pengunjung di blog kita menjadi lebih mudah mencari daftar isi dari blog kita ,
Tapi tenang masalah itu bukan masalah yang sulit untuk di pecahkan , ada satu cara untuk membuat mengatasi kebuntuan itu yaitu dengan cara memasang sendiri menunya baik horizontal maupun vertikal ...
Tapi di postingan ini yang akan di tampilkan adalah cara memasang menu secara horizontal ....
oke langsung saja , ikuti langkah di bawah ini ...

1.Login ke blog
2.Klik Rancangan
3.Ke Html
4.centang expand template widget
5.Cari kode berikut  </b:skin>
6.Hapus kode tersebut lalu ganti dengan kode di bawah ini :

</b:skin><style type='text/css'>.pagemenu-container #pagemenu{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:#000 repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase}.pagemenu-container #pagemenu ul{margin:0;5px;0px;5px;padding:0;border:1px solid $bordercolor;list-style-type:none;width:860px}.pagemenu-container #pagemenu ul li{display:block;float:left;margin:0 1px 0 0}.pagemenu-container #pagemenu ul li a{display:block;float:left;color:#fbdafa;text-decoration:none;padding:10px 18px 0 18px;height:28px}.pageme nu-container #pagemenu ul li a:hover,.pagemenu-container #pagemenu ul li a.current{color:#fff;background:#306 no-repeat top center}</style>

Lalu cari kode : <div id='content-wrapper'>
jika kesulitan gunakan F3

hapus kode tersebut trus ganti dengan kode di bawah :

<div class='pagemenu-container'> <div id='pagemenu'> <ul> <li class='page_item home'><a href='http://www.berryhs.com/' title='Home'>Home</a></li> <li class='page_item page-item-2'><a href='http://www.berryhs.com/l' title='About'>About</a></li> <li class='page_item page-item-3'><a href='http://www.blogger.com/profile/16474552668039271355' title='Contact Us'>Contact</a></li><li class='page_item page-item-4'><a href='http://www.berryhs.com/2011/10/daftar-isi.html' title='Daftar Isi'>Daftar Isi</a></li><li class='page_item page-item-5'><a href='http://www.berryhs.com/2011/12/belajar-blog-dari-awal.html' title='Belajar Blog'>Blog</a></li></ul></div> </div> <div id='content-wrapper'>

Klik simpan template lalu coba pratinjau.

Untuk penentuan warna nya bisa di ganti sesuai selera tapi sobat otak atik sendiri ya ..
HHoohooo ... Caaaaawwwwwwww.