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.
Langkahnya membuat top navigasi menu:

1. Template > Edit HTML
2. Cari/Temukan (CTRL+F) kode  ]]>
3. Simpan kode berikut ini DI ATAS kode tersebut
/*CB 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
5. Simpan kode berikut ini DI BAWAH-nya.


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

Komentar

Popular Posts

Apa Itu Pintasan Spin Maze dan Cara Hapus Hilangkan Pintasan SpinMaze 2022

Pemetaan model dan proses bisnis e-commerce di Indonesia

Peranan Polsek Banjar Dalam Menyelesaikan Pelanggaran Lalu Lintas Terhadap Anak Dibawah Umur Menurut Undang-Undang Nomor 22 Tahun 2009 Tentang Lalu Lintas Dan Angkutan Jalan (Studi Di Polsek Banjar)