TOTURIAL PEMBUATAN MENU NAVIGASI DI BLOG
Dan kali ini saya akan share artikel mengenai Cara Membuat Menu Navigasi Yang Bagus dan Keren Pada Blog, menu navigasi sangatlah bermanfaat bagi para blogger dan para pengunjung blog untuk menavigasi ke halaman atau category yang diinginkan. Sedangkan Cara Memasang Menu Navigasi Ini sangatlah mudah dan akan membuat tampilan blog anda semakin menarik.
Cara Membuat Menu Navigasi Yang Bagus Dan Keren Pada Blog:
1. Login ke blog Anda
2. Pilih Template > Click Edit Template.
3. Cari kode ]]></b:skin>
4. Copy-paste code CSS berikut ini tepat diatasnya :
#menunavigasi {float:left; background:#252525; width:auto; margin:0 auto; padding:0 auto;-moz-border-radius: 10px; border-radius:4px} #menubar {width:100%} #menubar,#menubar ul {list-style:none; margin:0; padding-left:10px} #menubar a {display:block; text-decoration:none; font-size:12px; font-weight:Bold; color:#eee; border-right:1px solid #666; padding:8px 12px} #menubar li {float:left; width:auto} #menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a {color:#fff}
Keterangan :#252525 : Warna background menu navigasi
#eee : Warna font atau tulisan menu navigasi
#666 : Warna border samping kanan tulisan
#fff : Warna font atau tulisan saat di sorot kursor
Warna di atas bisa Anda ganti sesuai warna kesukaan Anda. Untuk melihat kode-kode warnanya silahkan lihat Daftar Kode Warna HTML
5. Kemudian cari kode <div id='content-wrapper'>
6. Copy-paste code berikut ini tepat dibawahnya :
<div id='menunavigasi'> <ul id='menubar'>
<li><a href='http://tipstricksinternet.blogspot.com/'>Home</a></li>
<li><a href='#'>Trik Blog</a></li>
<li><a href='#'>Trik Internet</a></li>
<li><a href='#'>Trik SEO</a></li>
<li><a href='#'>Tips Dan Trik</a></li>
<li><a href='#'>Bantuan Donasi</a></li>
</ul>
<div style='clear:both;'/>
</div>
<div class='clear'/>
Keterangan:<li><a href='http://tipstricksinternet.blogspot.com/'>Home</a></li>
<li><a href='#'>Trik Blog</a></li>
<li><a href='#'>Trik Internet</a></li>
<li><a href='#'>Trik SEO</a></li>
<li><a href='#'>Tips Dan Trik</a></li>
<li><a href='#'>Bantuan Donasi</a></li>
</ul>
<div style='clear:both;'/>
</div>
<div class='clear'/>
- Ganti tulisan warna merah dengan alamat link milik Anda yang ingin dimasukkan dalam menu.
- Ganti tulisan warna biru dengan nama alamat link yang dimasukkan tadi
TERIMA KASIH ATAS KUNJUNGAN NYA