Menu Navigasi Untuk Template Minima Klasik

silahkan ikuti langkah-langkah berikut ini:
1.Login ke Blogger
2.Pada Dasbor Klik Tata Letak
3.Klik Edit Html->>expand template widget
4.Kemudian Copy Code di bawah ini dan letakan 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;
}

5.Lanjut Lagi,silahkan anda tambahkan code yang berwarna MERAH lihat seperti di bawah ini:

<div id="header">

<h1 id="blog-title">
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</h1>

<id="description"><$BlogDescription$>
<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>

NB: Code yang berwarna ORANGE adalah code asli dari template sobat dan yang berwarna MERAH adalah code yang harus sobat tambahkan..

6.klik simpan template jika sudah selesai.....

Leave a respond

Poskan Komentar