Cara Membuat Navigasi Menu di Atas Header Blog
Cara Membuat Navigasi Menu di Atas Header BlogTUJUAN 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 <![CDATA[ atau <b:skin><![CDATA[ atau ]]></b:skin>
3. Simpan kode berikut ini DI ATAS kode tersebut
/*CB Top Menu*/
#top{margin:auto;padding: 0;width: 950px;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;}
#top{margin:auto;padding: 0;width: 950px;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 template Anda.
- Jika mau ganti background > background:#eeeded;
- Ganti warna huruf menu > color:#222;
4. Cari/Temukan (CTRL+F) kode </head> atau <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>
<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 dan menunya.
6. Save Template!
Cara Membuat Navigasi Menu di Atas Header Blog sudah diujicoba dan BERHASIL diterapkan di CB Theme - Super Seo Blogger Template.
Good Luck and Happy Blogging!
Terimakasih atas informasinya ^_^
BalasHapushttp://bit.do/3uud
WAYANG POKER BANDAR POKER TERPERCAYA DAN TERBESAR DI INDONESIA
BalasHapusPermainan 100% fair play ( Player vs Player ) No Bot & Admin !!!
# Minimal Deposit ; 20.000
# Mininmal Withdraw : 40.000
Proses transaski yang SUPER CEPAT dengan dilayani cs kami yang ramah siap membantu anda selama 24 jam nonstops.
* Proses Deposit & Withdraw Cepat ( 1-2Menit )
* Sistem keamanan terpecaya
* Bandar Poker Online Terpecaya
* Bonus Cashback 0.5%
* Bonus Referral 20%
* Deposit & Withdraw Nonstop 24/7
* Hadiah Jackpot terbesar Jutaan Rupiah
Untuk info lebih lanjut hubungi Customer Service kami :
Telp : +85512804273
Skype : wayangpoker
BB : 2BE326CC
Facebook : Wayangpoker
Berita Terupdate hariini : https://birdnewscom.blogspot.co.id/2017/10/pencuri-ini-mencuri-di-warung-milik.html
https://birdnewscom.blogspot.co.id/2017/10/karena-melawan-disaat-ingin-dirampas.html
Poker | AduQ | BandarQ | DominoQ | Capsa Susun | Bandar Poker
BalasHapus____________________________________
BONUS REFF 20% SEUMUR HIDUP
BONUS TURN OVER PALING BESAR 0.5% !!
Kelebihan Seniqq.com yang digemari masyarakat Indonesia:
Minimal Depo, Hanya Rp. 20.000
Jackpot hingga Jutaan rupiah
Proses Depo dan WD SUPER CEPAT
Bisa dimainkan di Android, Iphone dan Ipad
Pelayanan CS 24 jam yang Ramah dan Profesional
| BCA | Mandiri | BNI | BRI | Danamon |
100% TANPA ROBOT Real Player vs Player
Segera daftarkan diri anda sekarang juga ^^
Klik Register
goo.gl/yig6cA
Untuk info selengkapnya silahkan hubungi kami di :
pelayanan terbaik kami
LIVECHAT
a
FACEBOOK : SENI QQ
BBM : 561A1388
YmaiL : csseniqq@yahoo.com
Mari bergabung dengan kami SENI99
Partner sejati untuk permainan kartu anda .^^.
agenqq
agen qq
domino 99
agen bandarq
dominoqq
agen domino
domino qq
bandarq
aduq
agen poker
poker online