Step :
1.Login Akun Blog sobat
2.Pergi ke Template > Edit HTML
3. -Cari Kode ini (Ctrl + F) , ]]></b:skin>
-Kalau tidak ada cari kode ini </head>
4.Copy kode dibawah ini diatas kode ]]></b:skin> atau </head> (jika tidak ada)
ul#list-nav {5.Save/Simpan Template sobat
list-style:none;
margin:20px;
padding:0;
width:525px
}
ul#list-nav li {
display:inline
}
ul#list-nav li a {
text-decoration:none;
padding:5px 0;
width:100px;
background:#FF0099;
color:#eee;
float:left;
text-align:center;
border-left:1px solid #fff;
-moz-border-radius: 5px;
}
ul#list-nav li a:hover {
background:#FF6699;
color:#000
-moz-border-radius: 5px;
}
6.Kembali ke Tata Letak > Tambah Gadget > Elemen HTML/Javascript
7.Copy Paste Kode dibawah ini
<div>Keterangan :
<ul id='list-nav'>
<li><a href='Link'>Beranda</a></li>
<li><a href='Link'>My Facebook</a></li>
<li><a href='Link'>My Twitter</a></li>
<li><a href='Link'>About Me</a></li>
<li><a href='Link'>Games</a></li>
</ul>
</div>
Tukar Link dan Sesuatu yang sobat mau
Contoh : Contoh : <li><a href='http://r-shit.blogspot.com'>Beranda</a></li>
Begitu seterusnya
8.Save
9.Drag/Geser Gadget yg sobat save tadi ke bawah Header Blog
10.Save Hasil Sobat tadi dan lihat Hasilnya :)
0 comments:
Post a Comment