- Masuk ke blogger
- Pilih Rancangan
- Pilih Edit HTML (Contreng expand widget tamplate)
- Cari kode ]]></b:skin> lalu tempatkan kode di bawah ini tepat di atas kode tersebut.
.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left;
}
.basictab li{
display: inline;
margin: 0;
}
.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #222222;
color: #ffffff;
}
.basictab li a:visited{
color: #ffffff;
}
.basictab li a:hover{
background-color: #00ff00;
color: black;
}
.basictab li a:active{
color: black;
}
.basictab li.selected a{
position: relative;
top: 1px;
padding-top: 4px;
background-color: #222222;
color: white;
}
- Lalu klik simpan tamplate.
- Langkah selanjutnya klik elemen halaman
- Tambah widget
- Pilih HTML/ Javascript
- Copy Paste kode di bawah ini
<ul class="basictab">
<li class="selected"><a href="http://baihakkierspber.blogspot.com/">Home</a></li>
<li><a href="#">My Profil</a></li>
<li><a href="#">Kontak</a></li>
<li><a href="#">Tukar Link</a></li>
<li><a href="#">Daftar Isi</a></li>
</ul>
- Klik Save
- Tempatkan widget persis dibawah header blog sobat.
Keterangan:
Warna Biru untuk alamat url yang dituju
Warna Merah untuk nama menu yang ditampilkan