<em>Ampersands & angle brackets need to be encoded.</em>
1. Log In dulu ke account blogger Anda
2. Setelah itu klik Layout> Edit HTML
3. Masukkan kode di bawah ini di atas kode ]]></b:skin>
ul.menu {
margin:0px;
padding:0px;
}
ul.menu li {
list-style:none;
float:left;
width:100px;
text-align:center;
font:11px/25px verdana,arial,sans-serif;
height:auto !important;
height:25px;
}
ul.menu li a {
display:block;
text-decoration:none;
background:#EFEFEF;
color:#000000;
}
ul.menu li a:hover {
background:#000000;
color:#FFFFFF;
}
(http://belajarbisnismania.blogspot.com)
4. Simpan template
5. Lalu klik Layout > Page Element > Add Gadget > HTML/Java Script dan masukkan kode di bawah ini
<ul class="menu">
<li><a href="home.html">home</a></li>
<li><a href="about.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
5. Untuk kode yang diberi warna merah, Anda bisa mengantinya dengan alamat Url yang ingin Anda tuju, sedangkan untuk kode yang diberi warna hijau Anda bisa menggantinya dengan judul menu sesuai dengan yang Anda inginkan
6. Kemudian simpan dan lihat hasilnya
Dan jangan lupa komennya ya......
Kamis, 03 September 2009
Cara Membuat Menu Pada Blog
Langganan:
Posting Komentar (RSS)
Komentar :
Posting Komentar