Cara Membuat Menu Navigasi Pada Header Blog

  1. Sign in

  2. Klik menu Layout

  3. Klik menu Edit HTML

  4. Klik tulisan Download Template Lengkap, silahkan save dulu template sobat untuk backup data

  5. Klik kotak kecil di samping tulisan Expand Template Widget

  6. Tunggu beberapa saat sampai proses selesai
  7. Paste kode ini tepat di atas kode  ]]></b:skin> 




/* Navigasi buat si unja
----------------------------------------------- */
#unja{
height:25px;
text-align: center;
}

#unja a{
margin:0;
font-size:1.2em;
font-weight:bold;
letter-spacing:-1px;
background-color: #cccccc;
color: #000000; 
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

#unja a:hover{
text-decoration:none;
padding:34px 5px 41px 5px;
background-color: #0326FC;
background-repeat: repeat-x;
color:#A7FC03;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;


8. Copy kode berikut lalu paste pada kode template seperti di bawah ini, yang berwarna hitam adalah kode asli dan warna Stobilo adalah kode yang harus di tambahkan :
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
<div id="unja">
<a href="#" target="_blank">Link 1</a>
<a href="#" target="_blank">Link 2</a>
<a href="#" target="_blank">Link 3</a>
<a href="#" target="_blank">Link 4</a>
<a href="#" target="_blank">Link 5</a>
</div>
</div>
</div>
</b:if>

Ganti yang bertanda # dengan link yang anda mau
Lalu simpan template

Tidak ada komentar:

Posting Komentar

 

putra andesland Copyright © 2009 WoodMag is Designed by Ipietoon for Free Blogger Template