November 20, 2010   Blog Lebih Keren , Menu , Widget

MEMBUAT MENU MENU DI BAWAH HEADER

1. Sign Ke Blogger. 2. Klik Rancangan 3. Klik Edit HTML 4. Cari Kode ]]></b:skin> 5. dan Letakan Kode Sript di Bawah Ini di Atas...

1. Sign Ke Blogger.
2. Klik Rancangan
3. Klik Edit HTML
4. Cari Kode ]]></b:skin>

5. dan Letakan Kode Sript di Bawah Ini di Atasnya

#top_navigation {
background : transparent;
width: 800px;
height : 77px;
list-style : none;
margin-top : 7px;
margin-bottom : 11px;
width : 100%;
}
ul.nav {
width: 800px;
height : 77px;
line-height : 31px;
list-style : none;
padding : 11px 19px 11px 16px;
font-size : 14px;
}
ul.nav li {
display : inline;
padding : 11px 19px 11px 16px;
background : #ddffff;
}
ul.nav a {
background : #fffff1;
height : 30px;
font-size : 16px;
color : #808080;
float : left;
text-decoration : none;
border-top: 1px solid #000;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-radius : 4px;
}
ul.nav a:hover {
background : #f2f2f2;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
color : #FFF;
}

6. Klik Simpan Template

7. Klik Menu Rancangan

8. Klik Menu Tambah Gadget, Pilih Tambahkan Gadget di Bawah Header

9. Klik Menu HTML Java/Script

10. dan Copy dan Pastekan Script di Bawah Ini di HTML Java/Scriptmu:

<div id="top_navigation">
<ul class="nav">
<li><a href="http://www.NamaBlogmu.com/">Halaman Utama</a></li>
<li><a href="http://www.spendoe.co.cc/">Bacaan Inspirasi</a></li><li><a href="http://www.rachmath.co.cc/" target="_blank">Tutorial Blog</a></li><li><a href="http://www.nasconasir.co.cc/" target="_blank">Shalatnya Nabi</a>
</li></ul></div>

11. Ganti Teks yang di Cetak Tebal dengan Nama dan Alamat Link Kamu

12. Simpan dan Selesai