Sabtu, 24 November 2012

Menu Navigasi Untuk Template Minima Baru

Silahkan ikuti langkah-langkah berikut ini:
1.Login ke Blogger
2.Pada Dasbor Klik Tata Letak->>Edit Html->>expand template widget
3.Kemudian Copy Code Di bawah ini dan Letakan Tepat di atas Code ]]></b:skin>


/* Navigasi keren
----------------------------------------------- */
#whisper{
height:25px;
text-align: center;
}

#whisper 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;
}

#whisper 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;
}

4.Kemudian Silahkan sobat tambahkan Code yang berwarna MERAH di template sobat,selengkpanya seperti di bawah ini:

<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
<div id="whisper">
<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>

NB: cODE yang berwarna MERAH adalah code yang harus anda tambahkan dan yang berwarna HITAM adalah code asli dari template sobat.

5.klik simpan Template jika sudah selesai...:)

1 komentar:

You Might Also Like This

Related Posts Plugin for WordPress, Blogger...