dah tau kan..??
nahh sekarang langsung cekidot...!!
- Login ke dashboard blogspot
- pilih Rancangan »» Edit HTML
- Tempatkan kode CSS 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;} - kemudian tempatkan kode HTML berikut diatas kode <div id='content-wrapper'> atau biasanya bertuliskan <div id='wrapper-content'>
<div id='sub-menu'>
<ul>
<li><a expr:href='data:blog.homepageUrl'/>HOME</li>
<li class='page_item page-item-2'>
<a href='http://madonjuniorhacker.blogspot.com/search/label/Software'>LINK 1</a></li>
<li class='page_item page-item-2'>
<a href='http://madonjuniorhacker.blogspot.com/search/label/Cheat PB'>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href='http://madonjuniorhacker.blogspot.com/search/label/Trik dan Tips Komputer'>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href='http://madonjuniorhacker.blogspot.com/search/label/Tutorial Nge-Blog>LINK 2</a></li>
</ul>
</div> - Terakhir simpan tempalate dan lihat hasilnya.
Tulisan atau Url yg berawarna merah silahkan anda ubah dengan Url yg anda inginkan... dan Tulisan yg berwarna biru itu untuk memberi nama pada Menu Navigasi nya..!!
Jika ada yang kurang paham bisa di tanyakan pada kotak komentar, key
No comments:
Post a Comment