Cara Membuat Menubar di Blogger

RIZKYYNWA - Boleh jadi ketika anda pertama kali membuat blog, hal yang terlintas di pikiran anda adalah bagaimana membuat tampilan yang bagus dan enak dipandang dan loadingnya pun juga ringan, sehingga banyak pengunjung yang senang dengan tampilan blog anda. Waktu pertama kali terjun ke dunia blogger tahun 2010, saya juga memiliki pikiran seperti itu. Dan pada saat itu saya masih sangat awam terhadap plugin-plugin yang ada di blogger, dan langsung saja saya menerapkan template asli dari blogger (gambar bisa diliha di bawah). Nah, pada gambar screenshot di bawah terlihat ada menubar di bawah tulisan Rizky Agung, blog yang sederhana, semoga bermanfaat. Perlu diketahui, blog itu adalah blog yang anda baca sekarang ini, namun pada Januari 2013 ada sebuah insiden 'cuci gudang' sebagai eksperimen saya. Keterangan lebih lanjut bisa anda lihat di Cara Mengecilkan Rank Alexa.

Baik, lanjut ke topik awal, dalam template blogger gadget seperti menubar tidak di sediakan langsung oleh pihak blogger, nah untuk itu anda perlu menambah kode css untuk menampilkan menubar, tenang saja nanti saya ajari cara memasang + kode css nya. Sebenarnya selain untuk memperelok tampilan menubar juga memiliki peran lain yang sangat penting bagi trafik blog anda, yaitu untuk mempermudah pengunjung merambah blog yang anda punya sampai ke akar-akarnya :).

Apakah anda sudah pegal membaca kata pengantarnya? Sama saya juga sudah lelah mengetiknya. Baiklah langsung saja saya bahas tentang cara memasang menubar di blog. 
Nah sebelum memasang menubar dengan cara ini anda harus memenuhi persyaratannya terlebih dahulu, persyaratannya adalah anda haru memiliki kolom tambah gadget yang ada di bawah header dalam tab tata/letak. Bagi anda yang belum punya, silahkan baca artikel  Cara Menambah Kolom Tambah Gadget di Bawah Header berikut.  

Nah, setelah tata letak anda memenuhi fitur tambah gadget di bawah header, langsung saja simak tutorial berikut.

• Silahkan Login ke blogger dengan akun anda

• Setelah login, pergi ke menu tab dan pilih tab tata letak, kemudian silahkan klik tambah gadget yang ada di bawah header, yang sudah anda tambahkan tadi

• Setelah muncul kotak dialog tambah gadget, pilih HTML/Java Script

• salin kode css ini
• <ul>
  <li><a href="url">judul</a></li>
  <li><a href="url">judul</a></li>
  <li><a href="url">judul</a></li>
  </ul>
• Kemudian paste-kan pada kotak dialog tadi
• langkah terakhir, simpan   keterangan : - ganti huruf yang berwarna merah dengan link sobat dan yang berwarna biru dengan judul yang akan ditampilkan
  
  Bagaimana, sangat mudah bukan. Selain blog anda menjadi lebih oke pastinya, blog anda akan lebih profesional di mata pengunjung.
  Sekian tutorial blog dari RIZKYYNWA semoga bermanfaat, lihat juga tutorial blog dari RIZKYYNWA yang lain disini. Wassalamu'alaikum