Thursday, 28 February 2013

Cara Membuat Tab Menu di Blog

Membuat Tab Menu di Blog adalah keinginan dari semua blogger , hal ini bertujuan untuk membuat perhatian pengunjungnya melirik isi dari menu tersebut , Disini saya akan memberi tahu sobat gimana sih caranya membuat tab menu di blog kita sendiri .Gak susah kok ikutin aja langkah langkah berikut ini


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 {
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;
5.Save/Simpan Template sobat
6.Kembali ke Tata Letak > Tambah Gadget > Elemen HTML/Javascript
7.Copy Paste Kode dibawah ini
<div>
<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>  
Keterangan :
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

Powered by Blogger.
Free Music Online
Listen Me R-shit