sederatan menu yang memanjang kesamping yang berguna untuk menunjukkan
ke suatu halaman lainya di blog Anda. Misalnya Anda mempunyai Blog lain
dan juga bertemakan berbeda dari blog Anda maka untuk menunjukkan
pengunjung Blog Anda kita pasang menu horisontal ini, atau Anda
mempunyai content yang lain di Blog anda dengan tema berbeda Anda perlu
suatu navigator untuk menujukkanya.
Selain link dan banner yang menarik menu horisontal ini tidak kalah
menarik untuk menjadi navigator di blog Anda karena saya kira bentuknya
Menarik dan elegan.
Nah jika Anda juga belum faham mengenai menu horisontal Anas akan kasih
capturenya lihat dibawah

Nah dari keterangan diatas apakah Anda berminat Untuk membuatnya di
Blog Anda..? kalau Anda berminat silahkan ikuti Cara dibawah
Langkah pertama yaitu log in ke blogger lalu masuk menu Layout
kemudian masuk menu Edit HTML
Lalu taruh code dibawah diatas Code ]]></b:skin>
pokoknya di barisan CSS pada Blog Anda
.menuhorisontal{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}
.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}
.menuhorisontal li{
display: inline;
margin: 0;
}
.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background:
#414141; /*background dari Tabel*/
}
.menuhorisontal li a:visited{
color: white;
}
.menuhorisontal li a:hover, .menuhorisontal
li.selected a{
background:#002EB8;
/*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}
.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}
.menuhorisontal li{
display: inline;
margin: 0;
}
.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background:
#414141; /*background dari Tabel*/
}
.menuhorisontal li a:visited{
color: white;
}
.menuhorisontal li a:hover, .menuhorisontal
li.selected a{
background:#002EB8;
/*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}
Kalau Sudah Cari Code dibawah Ini
<div
id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='Bisnis Di Internet
(Header)' type='Header'/>
</b:section>
</div>
Code diatas Di Blog kamu berdeda-beda pokoknya kamu perhatikan Code
yang berwarna
merah saja dan taruh Code
dibawah ini tepat dibawah Code Diatas itu
<div id='footheader'>
<b:section class='footheader' id='footheader'
preferred='yes'>
</b:section>
</div>
Kemudian Simpan