Apakah anda tertarik Pasang Navigator Menu Horizontal pada blog anda ?
Jika "YA", silahkan ikuti langkah-langkah Pasang Navigator Menu Horizontal sebagai berikut:
Langkah I
1. Login ke Blogger
2. Klik Tata Letak/Lay Out
3. Klik edit HTML
4. Copy Paste Kode dibawah ini tepat diatas kode ]]>>
.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;
}
5. Temukan kode :
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;
}
5. Temukan kode :
6. Jika sudah ketemu, Copy Paste kode dibawah ini, tepat dibawah kode
7. Klik Simpan/Save.
Langkah II
1. Klik Elemen Halaman/Add a Gadget
2. Pilih HTML/Javascript
3. Copy Paste Kode dibawah ini pada HTML/Javascript.
4. Silahkan Anda Ganti link beserta Nama diatas
5. Klik simpan/save
6. Selesai
Terima Kasih Semoga Bermanfaat buat anda.