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.
 |
| 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'>Silahkan anda ganti
<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>
- 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 :
- Cara Membuat Menu di Blog
- Cara Membuat Sub Menu di Blog
- Cara Edit Menu di Blog
- Cara Mengedit Menu Dropdown di Blog
Demikian Tutorialm Blog : cara membuat menu di atas header blog. Terima kasih telah mengunjungi Bacaan-Gratis.Com, Jika anda ingin
mengikuti berbagai tutorial blog menarik lainnya, silahkan anda LIKE di
fans page facebook LIKE BACAAN GRATIS YA.^_^
Tag :
BLOG
2 Komentar untuk "Cara Membuat Menu Navigasi di atas Header Blog Super SEO Kang Mousir"
trimakasih sangat membantu :)
Thanks gan atas artikelnya sehingga saya bisa membuat menu di di blog saya
PERINGATAN..!!
1. Berkomentarlah Sesuai Judul Diatas Dengan Sopan dan Jangan Spaming.!!
2. Dilarang Berkomentar Yang Mengandung Unsur Pornografi dan Sara.!!
3. Mohon Maaf Bagi Yang Berkomentar Melampirkan Link Langsung Ane Masukan Spam.!!
Mohon Untuk Mematuhu TOS diatas. Terimakasih