Cara Membuat Menubar dengan Kotak Pencarian

Cara Membuat Menubar dengan Kotak Pencarian

Cara Membuat Menubar dengan Kotak Pencarian

Cara Membuat Menubar dengan Kotak Pencarian - Menubar merupakan kumpulan link yang dibuat untuk memudahkan pengunjung dalam mencari sesuatu yang ada di blog kita. Letak Menubar ini berada di atas, tepat di atas postingan. Sedangkan komposisinya tergantung dengan selera masing-masing sesuai dengan kebutuhan.

Komposisi ideal sebuah Menubar terdiri dari Home atau Beranda yang kemudian diletakkan link menuju ke halaman depan atau homepage dari sebuah blog, kontak pemilik blog atau sang blogger yang kemudian diletakkan link menuju ke sosial media maupun halaman yang memungkinkan pengunjung untuk berinteraksi secara pribadi dengan sang blogger. Bisa juga diletakkan link menuju ke label artikel atau postingan. Intinya, sesuatu yang dipasang pada Menubar pastinya dianggap penting dan dapat mempresentasikan isi dari sebuah blog.

Menubar yang akan kita bahas kali ini sedikit berbeda karena akan dilengkapi dengan Kotak Pencarian sebagaimana telah kita bahas pada artikel sebelumnya tentang Trik Membuat Widget Kotak Pencarian Keren untuk Blog yang tujuannya jelas agar tampilan blog lebih efektif dalam memanfaatkan ruang, dan sekaligus dapat mempercantik tampilan blog. Lihat gambar tampilan Menubar di atas.

Cara Membuat Menubar dengan Kotak Pencarian

  • Login ke blogger
  • Pilih menu Template
  • Klik Cadangkan/Pulihkan (untuk membuat backup sebagai antisipasi bila terjadi sesuatu)
  • Klik Edit HTML
  • Kemudian cari kode ]]></b:skin> (gunakan Ctrl+F untuk memudahkan pencarian)
  • Copy kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>

  • Selanjutnya cari kode <div id="content-wrapper"> (bila tidak ada coba cari kode <div id="content-wrapper">, atau <div id="header-wrapper">, atau <div id="outer-wrapper"> tergantung pada template yang digunakan)
  • Copy kode di bawah ini dan letakkan tepat di atas kode <div id="content-wrapper">

  • Simpan Template dan lihat hasilnya
Keterangan:
Ganti lambang # (baca:pagar) dengan link yang akan dipasang pada Menubar
Ganti nama Menu 1 dan seterusnya dengan nama yang sesuai dengan linknya
Angka 920px merupakan panjang Menubar, sesuaikan dengan templatenya
Ganti kode warna sesuai dengan selera #de360f (untuk melihat kode warna klik di sini)

Demikianlah Cara Membuat Menubar dengan Kotak Pencarian ini, semoga bermanfaat dan selamat mencoba.

Artikel terkait:

Bagikan: