Ngasih Menu di Blog

Makasih dek Bella yang udah request posting di blog-Q ini. Kalo nge-buat menu, biasanya udah disertakan dalam templatenya. Cuman ini ada cara nge-buat menu versi Blog Faiz yang lebih mudah. Tapi tampilannya agak sedikit berbeda. Kalu masih pada penasaran silahkan kalian coba saja ya??  Nyoh aku kasih tutorialnya:
1. Sign in Blogger
2. Layout
3. Edit HTML

4. Jangan lupa berikan tanda centang pada Expand Widget Templates
5. Cari kode di bawah ini

]]></b:skin>

 
6. Tambahkan kode ini diatasnya :

#navigation{
height:2.2em;
line-height:2.2em;
margin:0 1px;
background:#AF7817;
color:#ffffff;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover{
background:#000;
color:#ffffff;
text-decoration:none;
}

7. Kemudian cari kode di bawah ini :

<div id='content-wrapper'>

8. Tambahkan kode ini diatasnya :

<div id='navigation'>
<ul>
<li class='selected'><a href='Alamat Link 1'>Tulisan yang Ditampilkan</a></li>
<li><a href='Alamat Link 2'>Tulisan yang Ditampilkan</a></li>
<li><a href='Alamat Link 3'>Tulisan yang Ditampilkan</a></li>
<li><a href='Alamat Link 4'>Tulisan yang Ditampilkan</a></li>
<li><a href='http://duniafaiz.blogspot.com/'>Blog Faiz</a></li>
</ul>
</div>

9. Save dan lihat hasilnya.
Note : Ganti aja tulisan yang tebal dengan URL dan tulisan yang akan ditampilkan.

Masukkan Alamat Email Anda Untuk Mendapatkan Artikel Terbaru Blog Faiz Gratis!