Wednesday, August 17, 2011

Membuat Menu Horizontal Yang Keren

Ketemu lagi deh sobat blogger, Sekarang kita akanMembuat Menu Horizontal Yang Keren, seperti menu saya yang ada di atas, hehehehehehehh
Silakan ikuti langkah-langkah dibawah ini ya sobat :))

Begini cara2xnya :
1. Login dulu ke blogger kalian
2. Klik Rancangan --> Edit HTML
3. Kasih Conteng di Expand Template Widget (bilah terjadi kesalahan)
4. Tekan Ctrl+F Copy kode ini ]]></b:skin> letakan di Find tekan Enter
5. Setelah ketemu Copy code di bawah ini, dan letakan di atas kode ]]></b:skin>


#navlist ul{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited{
color: #006600;
background-color: #000000;
text-decoration: none;
border: 1px solid #006600;
}

#navlist a:hover{
color: #000000;
background-color: #006600;
}

6. Simpan Template
7. Setelah itu klik Elemen Laman --> Tambah Gadget --> HTML/JavaScrip
8. Copy code di bawah ini dan letakan di dalamnya


<div id="menu_keren">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
</ul>
</div>

9. Yang tanda "#" ganti dengan URL anda
10. Simpan Template dan lihat hasilnya


Semoga artikel saya bisa bermanfaat bagi kalian semua ya sobat :)

No comments:

Post a Comment