0 Membuat Menu Link Horizontal Langsung di Widget

postingan ini saya buat sebagai pilihan untuk posting sebelumnya yaitu membuat menu horizontal yang simple, berhubung ada teman yang koment Katanya kurang paham dengan postingan tersebut, jadi Saya membuat postingan mengenai cara membuat menu horizontal yang lebih mudah yang diletakan langsung pada widget, jadi kita tidak perlu membuka edit HTML. Mudah mudahan bisa dimengerti.

Cara ini Sangat mudah sekali karena ini cuma menambah Kode HTML yang ada di bawah ini ke dalam Gadget + HTML/Javascript.
Silahkan Ikuti caranya di bawah ini.

Pertama Buka blog Blogger
Kedua Pilih Tata Letak + Elemen Laman + Tambah Gadget + Pilih HTML/JavaScript
Lalu Masukan Kode Di bawah ini :

<style type="text/css">


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;
}

</style>

<ul class="menu">
<li><a href="http://ilmu-desain-grafis.blogspot.com/"target="_blank">HOME</a></li>
<li><a href="http://ilmu-desain-grafis.blogspot.com/2009/02/daftar-isi.html"target="_blank">DAFTAR ISI</a></li>
<li><a href="http://ilmu-desain-grafis.blogspot.com/search/label/Desain%20Grafis"target="_blank">D GRAFIS</a></li>
<li><a href="http://ilmu-desain-grafis.blogspot.com/search/label/Tutorial%20Flash%2008"target="_blank">T FLASH</a></li>
</ul>

Ganti Teks yang berwarna hijau Dengan Link yang di inginkan.
jangan lupa klik Simpan, ok bozzz mudah-mudahan bisa di mengrti, Thanks.

Tweet

Komentar →