Cara Membuat Menu Navigasi di atas Header Blog Super SEO Kang Mousir

Cara Membuat Menu Navigasi Keren di atas Blog. 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

Selanjutnya bagaimana cara membuat menu di blog dan sub menu dropdown di blog, silahkan anda lihat berikut ini :

Menu dropdown



Demikian Tutorialm Blog : cara membuat menu di atas header blog. Selamat mencoba dan semoga bermanfaat...

Cara Membuat Menu Navigasi di atas Header Blog Super SEO Kang Mousir | Ferdian Dinata | 5

1 komentar: