cs.center.1

cs.center.2

Mr.Yan Saputra Dewa

( NoHP: 085750040680)

Pengikut

Kamis, 03 September 2009

Cara Membuat Menu Pada Blog

<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......

Komentar :

ada 0 komentar ke “Cara Membuat Menu Pada Blog”

Posting Komentar

Kolom Iklan

Kolom Iklan

Arti Irhamna
 
Alexa rank
My Popularity (by popuri.us)
free counters
IP Visitor
IP
This Blog is proudly powered by http://formulabisnisonline8.blogspot.com | Template by Yan Saputra Dewa