type='text/javascript'/>

rss

Selasa, Januari 13, 2009

Ngasih Menu di Blog

image
Makasih dek Bella yang udah request posting di blog-Q ini.Big Hug Kalo nge-buat menu, biasanya udah disertakan dalam templatenya. Cuman ini ada cara nge-buat menu versi Blog Faiz yang lebih mudah. Cool 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!

Add to Google Reader or Homepage

2 comments:

BElLaLoVeR'S on Kamis, Januari 15, 2009 11:03:00 AM mengatakan...

makasih yaw kak

Thamrin on Selasa, Juni 09, 2009 1:58:00 PM mengatakan...

Thank's Ilmunya....


Posting Komentar

Silahkan Comment, No Span, No Porn!

Subscribe

 Berlangganan via RSS Reader

Masukkan Alamat Email Kamu Untuk Berlangganan Artikel Blog Faiz via Email:

Delivered by FeedBurner

Add to Google Reader or Homepage

Chat With Me Here...

Sponsors...

 

Bottom Toolbar

Pengikut

Follow Me... X-)

back to top