Cara Membuat Menu Navigasi diatas Header Keren Diblog

Sekarang syarat wajib yang harus di penuhi oleh sebuah blog untuk daftar Google Adsense adalah memiliki menu navigasi atau bisa disebut top menu navigasi di atas header blog. Jika anda memkai blog asli bawaan blogger pasti belum di sediakan menu Privacy Policy, menu Disclaimer, menu About Me, menu Sitemaps dan menu Contact.
Untuk cara membuat menu Privacy Policy di Blog, sama dengan membuat membuat menu Sitemaps, Disclamer, About Me, dengan membuat menu navigasi di blog dapat membuat pengunjung lebih yakin dengan blog anda, dan mengetahui tentang penulis blog, kebijakan dan aturan blog serta cara menghubungi admin blog.
Menu Navigasi Blog
Gambar Menu Navigasi  dan Judul Blog

 

Cara Membuat Menu di Header Blog

1.  Masuk ke blog anda terlebih dahulu.
2.  Silahkan anda pilih Template lalu pilih Edit HTML
2. Kemudian cari kode script <![CDATA[ atau <b:skin><![CDATA[ atau ]]></b:skin> tekan tombol CTRL+F pada keyboard anda untuk mempermudah pencarian.4.  Selanjutnya letakan kode script dibawah ini tepat di atas salah satu kode yang di cari sebelumnya.
/*CB Top Menu*/
#top{margin:auto;padding: 0;width: 980px;background:#e8e7e7;border-bottom:1px solid #ddd;}
#top-wrap{margin:auto;padding: 0;width: 960px;background:#e8e7e7;}
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: arial; font-weight:bold; font-size:11px;display:block;padding:10px 10px;color:#222;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}}
#navbar-iframe {display: none !important;}
Silahkan anda ganti :
  • Tulisan warna Merah untuk mengatur lebar menu sesuai ukuran template anda
  • Tulisan warna Biru untuk mengatur warna menu background sesuai keinginan anda
  • Tulisan warna Kuning untuk mengatur warna huruf menu sesuai seelera anda
5. Selanjutnya silahkan anda cari kode <head> atau <body> dan letakan kode dibawah ini tepat di bawah kode tersebut.
<div id=’top’>
<div id=’top-wrap’>
<div class=’topnav’>
<ul id=’topnav’>
<li><a href=’/’ title=’Top Menu’>Top Menu </a></li>
<li><a href=’http://www.bacaan-gratis.com/p/privacy-policy_4.html‘ title=’Privacy Policy’>Privacy Policy </a></li>
<li><a href=’http://www.bacaan-gratis.com/p/terms-of-service.html‘ title=’Disclaimer’>Disclaimer </a></li>
</ul>
</div>
</div>
<div style=’clear: both;’/>
</div>
Silahkan anda ganti
  • Alamat url menu privacy policy dan alamat url menu privacy policy blog anda
  • Tambahkan Tom Menu lainnya sesuai keinginan anda
6. Terakhir siilahkan Simpan Template 
artikel terkait
membuat menu diatas header, cara membuat menu navigasi, cara membuat navigasi keren, membuat tab menu diatas header, cara membuat menu diblogspot, cara membuat menu diwordpress, cara mudah menambahkan menudiatas header

11 komentar

Terimkasih sudah berkunjung ke Blog Pengetahuan. Budayakan untuk berkomentar yang baik dan sesuai dengan materi postingan, komentar yang terlalu singkat kami anggap Spam dan tidak kami tanggapi
EmoticonEmoticon