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

Posting Komentar

Popular Posts

Proposal Usaha Bengkel Las Dan Bubut “Sabadha Logam”

Gambar
BAB I PENDAHULUAN Eratnya persaingan kerja sekarang ini yang disebabkan karena keadaan ekonomi di Indonesia yang memprihatinkan sejak krisis ekonomi yang melanda bangsa Indonesia membuat banyak masyarakat yang kehilangan pekerjaan dan pengangguran. Banyaknya para pengusaha yang bangkrut kemudian gulung tikar. Banyak para remaja yang putus sekolah dan menjadi pengangguran. Sebagai Warga Negara kreatif kita tidak boleh putus asa ataupun pantang menyerah pada keadaan sekarang ini yang serba sulit kita harus berusaha, kreatif, inovatif dan berani mengambil suatu keputusan serta resiko untuk menciptakan lapangan pekerjaan sendiri.kita tidak harus bergantung pada orang lain. Untuk mendapatkan suatu pekerjaan kita harus berusaha semaksimal mungkin. Salah satu usaha yang dilakukan untuk mengurangi pengangguran yaitu dengan berwirausaha. Dengan kita berwirausaha kita bisa belajar mandiri dan bisa memaknai arti penting kehidupan secara tidak langsung kita sudah membantu banyak orang
Baca selengkapnya

Jenis-Jenis Port beserta Penjelasan, Gambar, dan Fungsinya Pada Console Unit

Gambar
Satu unit komputer terdiri dari CPU, Monitor, Keyboard dan Mouse. Pada CPU yang merupakan sistem unit atau console memiliki beberapa port. Port pada komputer berfungsi sebagai antarmuka antara sebuah komputer dengan komputer atau dengan unit (device) lain. Umumnya, port digunakan untuk menghubungkan monitor, keyboard, mouse, modem dan periferal lainnya. Port memiliki standar bentuk sendiri, seperti port untuk keyboard berbentuk bulat. Pertama kali komputer desktop diciptakan, memiliki dua port yaitu port serial dan port parallel. Pemasangan kabel monitor, keyboard dan mouse harus sesuai dengan portnya. Kesalahan pemasangan dapat menyebabkan tidak berfungsinya komputer. Untuk dapat memasang port sesuai dengan posisinya, berikut ini terdapat beberapa port console. Port adalah mekanisme yang mengizinkan sebuah komputer untuk mendukung beberapa sesi koneksi dengan komputer lainnya dan program di dalam jaringan. Port dapat mengidentifikasikan aplikasi dan layanan yang menggunakan k
Baca selengkapnya

Drama : Liburan Ke Kebun Binatang

          Saat libur sekolah Antika dan karolina merencanakan pergi ke kebun binatang bersama. Mereka berdua merupakan teman satu kelas yang selalu bersama.           Pagi yang sangat cerah, Antika sedang asyik menyiram tanaman dikebun sekolah. Tiba – tiba, ada seseorang yang berteriak dan datang menghampiri. karolina : “(Datang mengampiri antika yang sedang bermain). tik, aku punya kabar nih.” Antika : “Kabar apaan na?, Pasti mau ngajak aku   jalan – jalan deh.” karolina : “Kok tau?” Antika : “Aku asal nebak aja kok.” karolina: “Tapi tebakan kamu bener, An. Jadi aku bakal ngajakin kamu jalan – jalan.” Antika : “Emang mau jalan – jalan kemana sih na?” Karolina: “Kali ini aku mau ngajak kamu jalan – jalan ke kebun binatang. Ya, mungkin kedengarannya biasa dan nggak seru. Tapi kali ini aku jamin seru deh. Soalnya kita bisa melihat banyak hewan-hewan disana.” Antika : “Wah, mau banget dong. Aku kan belum pernah ke kebun binatang. Liburannya kapan?” Karolina : “Hari M
Baca selengkapnya