Cara Membuat Navigasi Menu di Atas Header Blog

By Rhm-Files on 16.24.00

Cara Membuat Navigasi Menu di Atas Header Blog - TUJUAN navigasi menu di atas header blog (top navbar menu) antara lain memanfaatkan ruang di atas header.

Tampilan blog juga jadi lebih terkesan profesional, selain memudahkan pengunjung mengeksplorasi blog kita. (DEMO)

Langkahnya membuat top navigasi menu:
1. Template > Edit HTML
2. Cari/Temukan (CTRL+F) kode ]]></b:skin>
3. Simpan kode berikut ini DI ATAS kode tersebut

/*RF Top Menu*/
#top{margin:auto;padding: 0;width: 100%;background:#eeeded;border-bottom:1px solid #ddd;}
#top-wrap{margin:auto;padding: 0;width: 950px;background:#eeeded;}
#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;}

NB:
- Sesuaikan lebarnya (width:950px) dengan lebar header template Anda.
- Jika mau ganti background > background:#eeeded; (Lihat Kode Warna HTML)
- Ganti warna huruf menu > color:#222;

4. Cari/Temukan (CTRL+F) kode <body>
5. Simpan kode berikut ini DI BAWAH-nya.

<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='http://cbtheme.blogspot.com/' title='Top Menu'>Top Menu</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Contact'>Contact</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Disclaimer'>Disclaimer</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Facebook'>Facebook</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Twitter'>Twitter</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Google Plus'>Google Plus</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>

NB: Ganti link http://cbtheme.blogspot.com dan nama menu-nya dengan versi Anda.

6. Save Template!

Cara Membuat Navigasi Menu di Atas Header Blog sudah diujicoba dan BERHASIL diterapkan di CB Theme - Super Seo Blogger Template.

Kalian sedang berada di postingan Cara Membuat Navigasi Menu di Atas Header Blog . cheat ini kami update setiap hari : cheat lostsaga 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9 ,10, 11 ,12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 Oktober 2017, cheat lostsaga indonesia 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9 ,10, 11 ,12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 Oktober 2017, cheat lostsaga thailand, 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9 ,10, 11 ,12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 Oktober 2017, 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9 ,10, 11 ,12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 Juni 2017, cheat point blank 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9 ,10, 11 ,12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 Oktober 2017, cheat ayodance 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9 ,10, 11 ,12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, Oktober 2017, cheat black squad 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9 ,10, 11 ,12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 Oktober 2017, cheat gta samp 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9 ,10, 11 ,12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30 Oktober 2017, Full Feature

Updated at: 16.24.00

Column Right

Carousel

Featured

Cara Membuat Navigasi Menu di Atas Header Blog

0 Komentar untuk "Cara Membuat Navigasi Menu di Atas Header Blog"

New Update

Popular Post

Related Posts

Arsip Blog