Sabtu, 29 Maret 2014

Cara Mudah Membuat Menu Bar Drop Down di Blog


Para blogger dalam setiap aktivitas blogging pastinya selalu menyempatkan diri untuk mengevaluasi perfomance/tampilan template blognya. Apa yang kurang atau yang harus di tambah  perfomance blog dengan harapan supaya para visitor betah untuk berlama-lama dan lebih penting lagi adalah memberikan kemudahan kepada visitor untuk mengeksplore semua artikel blog kita. Salah satunya adalah tampilan menu bar dengan style dropdown yang merupakan salah satu opsi baik apabila sobat menginginkan tampilan semua halaman blog di lihat dengan mudah oleh visitor.
Saya akan berbagi artikel dengan sobat blogger tentang Cara Mudah Membuat Menu Bar Dropdown Di Blog. Di bawah ini ada cara dan langkah yang bisa sobat ikuti apabila sobat akan bereksperimen, silahkan sobat simak dan harapan saya semoga bermanfaat :
  1. Login ke akun blogger sobat
  2. Klik template  >  edit HTML (cat : terlebih dahulu backup templat sobat).
  3. Kemudian sobat cari kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian
  4. Silahkan copy kode script di bawah ini dan paste/letakan tepat di atas kode ]]></b:skin>

Cara Membuat Menu Bar dengan Search Box



Cara membuat Menubar dengan search box - Siang sobat reggy, kali ini reggy akan menjawab pertanyaan dari para sobat. Yaitu membuat menubar di blog dengan search box. Seperti apa yang reggy jelaskan pada postingan sebelumnya, menubar atau bisa juga di sebut navigasi menu berfungsi sebagai tempat link agar pengunjung blog kalian mudah mengunjungi halaman penting blog kalian. Untuk sobat yang belum tau seperti apa menubar, liat pada bagian atas blognya reggy tulisan Home, Blogger tutorial, SEO tips. Nah, deretan menu itulah yang dinamakan menubar



Pada postingan kali ini, cara membuat menubar di blog nya beda dengan menubar sebelumnya. Bedanya yaitu menubar kali ini dilengkapi dengan search box di kanannya. Untuk demo bisa sobat lihat di gambar atas. Nah, search box jika di artikan ke dalam bahasa Indonesia yaitu kotak pencarian. Jadi, jika pengunjung sobat ingin mencari sesuatu di blog sobat, jadi tinggal mengetik di kotak pencarian tersebut. Untuk mengetahui bagaimana cara membuat menubar dengan search box bisa sobat langsung lihat di bawah ini

1. Seperti biasa, masuk ke blogger.com lalu login menggunakan akun google sobat
2. Masuk pada halaman Template
3. Klik Edit HTML kemudian Lanjutkan
4. Pertama - tama, cari kode ]]></b:skin> (gunakan ctrl+f untuk memudahkan pencarian)
5. Jika sudah ketemu, pasang kode di bawah ini di atas kode ]]></b:skin>

Cara Membuat Menu Bar di Blog



Cara membuat Menubar di blog - Hmm, sobat sudah pada tau menubar itu apa kan? hah belum? okedeh tidak apa-apa reggy jelaskan lagi untuk yang belum tau. Menubar adalah sebuah kotak tab/bar yang isinya berupa navigasi link. Fungsi menubar yaitu untuk menyimpan link-link penting di suatu blog, agar pengunjung dapat lebih mudah mengunjungi halman-halaman utama yang ada pada suatu blog itu. Pada postingan sebelumnya saya juga telah menjelaskan bagaimana cara membuat menubar pada template klasik.  Namun, bedanya kali ini membuat menubar pada custom template. Untuk melihat bagaimana screenshot menubarnya lihat di bawah ini:



Menubar ini juga bisa dibuatkan lagi submenu kebawahnya, lihat di gambar. Nah jadi misalkan sobat ingin memasang submenu dari sebuah link itu tinggal menambah sedikit kode yang akan dijelaskan dibawah. Oh iya, menubar di postingan ini tidak ada search box seperti digambar. Tetapi jika sobat ingin membuat menubar di blog dengan search box, silahkan kunjungi postingan Disini. Sudah tau kan bagaimana penampakan menubar di blog itu? nah, cara membuat menubar di blog tidak sulit kok. 

Cara Membuat Menu Drop Down 2



Cara Membuat Menu Dropdown - Melanjutkan penjelasan saya pertama tentang Cara Membuat Menu Dropdown Versi 1, kemudian berikut ada lagi Cara Membuat Menu Dropdown Versi 2. mengapa ada banyak versi yang saya jelaskan, karena template blog sangatlah beragam, sehingga pemasangan menu blog harus di sesuaikan. berikut langkah Cara Membuat Menu Dropdown Versi 2 :

  • Silahkan masuk ke dasbor blog anda.
  • Klik panah kebawah seperti pada gambar yang diberi kotak merah :



  • Kemudian Pilih >> Template

Cara Membuat Menu Drop Down 1



Cara Membuat Menu Dropdown - Menu dropdown memang sangat diperlukan sebagai media informasi sebagaimana halnya widget, yang dalam fungsinya jika blog terdapat menu pilihan maka, pengunjung dapat memilih apa yang akan pengunjung inginkan. sedangkan dropdown pada menu digunakan untuk menghemat tempat sekaligus mengkategorikan menu yang masih berhubungan. Untuk memasang menu dropdown tersebut silahkan ikuti langkah-langkah membuat menu dropdown berikut ini :

  • Silahkan masuk ke dasbor blog anda.
  • Klik panah kebawah seperti pada gambar yang diberi kotak merah :

  • Kemudian Pilih >> Template