Rabu, 09 Maret 2011

Membuat Menu Pada Blog

1. Buka blog anda masuk ke rancangan lalu click edit laman.

2. Tambah gadget
3. Pilih HTML/JavaScript
4. Maukkan kode dibawah ini kedalam konten lalu click simpan. 

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://nama.blogspot.com/depan.html">Depan</a></li>
<li><a href="http://nama.blogspot.com/tentang.html">Tentang</a></li>
<li><a href="http://nama.blogspot.com/portofolio.html">Portofolio</a></li>
</ul>
</div>


5. Sedangkan untuk kode CSS harus di copy dan di letakkan dalam kode template. Di halaman template blog kamu, pilih Edit HTML, letakkan kode CSS dari List-O-Matic dibawah ini sebelum kode ]]></b:skin> dan save template.


#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: #fff;
background-color: #036;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}


Selamat Mencoba !



Copyright®
www.karsono.co.cc

0 komentar:

Posting Komentar

 
www.Indo-pages.blogspot.com