Membuat sub-menu link blogspot atau menu navigasi blogspot contohnya seperti yang terlihat pada blogtegal ini pada bagian atas yang bertuliskan
HOME | WEBHOSTING | TEMPLATE PREMIUM | PPC
Caranya 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='
software-atakana.blogspot.com'>LINK 1</a></li>
<li class='page_item page-item-2'>
<a href='
software-atakana.blogspot.com'>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href='
software-atakana.blogspot.com'>LINK 2</a></li>
<li class='page_item page-item-2'>
<a href='
software-atakana.blogspot.com'>LINK 2</a></li>
</ul>
</div>
Terakhir simpan tempalate dan lihat hasilnya.
Dari kode diatas akan terlihat seperti tampilan pada blogtegal ini, silahkan sesuaikan kode warna sesuai kehendak kamu pada kode CSS-nya dan Ganti tulisan yang berwarna hijau sesuai kehendak kamu dan ganti alamat blog dengan alamat kamu. Biasanya link yang di pasang pada sub-menu berisi link kategori atau link label. Tapi semuanya terserah kamu mau di beri link apa
<<<<Semoga Bermanfaat>>>>
Artikel keren lainnya:
Belum ada tanggapan untuk "Cara Membuat sub-menu Link Blog"
Post a Comment