buat menu blog

login ke blog
masuk kedasboard
pilih Rancangan »» Edit HTML

1. copy kode berikut diatas kode ]]></b:skin> 

 #sub-menu {background:#0000AA; font-size:13px;  font-family:verdana,sans-serif;  color:#ffffff;  overflow:hidden;  padding:8px;  border:1px solid #BB0000;}  #sub-menu a:link {color:#fff;} #sub-menu a:visited {color:#fff;} #sub-menu a:hover {color:#BB0000;  text-decoration:none;}  #sub-menu ul {margin:0px; padding:0px;  text-align:center;} #sub-menu li {display:inline;  list-style-type:none;  margin:0px; padding:0px;} #sub-menu ul li a, #sub-menu ul li a:hover {font-size:13px; color:#fff; margin:0px; padding:px;  text-decoration:none;  text-transform:uppercase;} #sub-menu ul li a:hover {color:#BB0000;  text-decoration:none;}

2. kemudian tempatkan kode HTML berikut diatas kode <div id='content-wrapper'> atau biasanya bertuliskan <div id='wrapper-content'>

caranya :
1. login ke blog
2. masuk ke dasboard
3. klik rancangan
4. klik tambah widget HTML, kemudian copy kode HTML berikut,
 
<div id='sub-menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'/>HOME</li>
<li class='page_item page-item-2'>
<a href='http://www.myblog.com/2010/11/membuat-cursor-menjadi-berbintang.html'>LINK 1</a></li>
<li class='page_item page-item-2'>
<a href='http://www.myblog.com/2010/11/cara-membuat tombol navigasi.html'>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href='http://www.myblog.com/2010/11/cara  membuat blog.html'>LINK 3</a></li>
<li class='page_item page-item-2'>
<a href='http://www.myblog.com/2011/01/memodifikasi blog.html'>LINK 4</a></li>
</ul>
</div>

ganti kode warna sesuai kehendak kamu pada kode CSS-nya dan Ganti tulisan yang berwarna merah sesuai keinginanmu dan ganti alamat blog dengan alama blogmu.
silahkan dicoba, jika ada hal yang masih bingung silahkan tanyakan di kotak komentar



0 komentar :

Post a Comment

Silahkan Berkomentar Sesuai Dengan Topik, Jangan Menggunakan Kata-Kata Kasar, Komentar Dengan Link Aktif Tidak Akan Dipublikasikan

ttd

Admin Blog