Langsung ke konten utama

Cara Membuat Menu Bar Dengan Search Box Di Blog Traveler

Bagaimana  cara membuat menu bar beserta search box, pada artikel kali ini saya akan menjelaskan bagaimana navbar yang kita buat terdapat tombol pencarian dengan icon kaca pembesar, yang nantinya jika di klik  mengarah pada tampilan pencarian full responsive.  

Gambar oleh Free-Photos dari Pixabay 

Pertama - tama masuk kelaman dashboard blogger, klik  menu tema, selanjutnya pada menu temap klik pada tombol yang saya lingkari berwarna hitam.




Setelah tombol diklik lanjutkan dengan memilih edit HTML menu custom dashboard blogger.
loading...


Setelah masuk kedalam halaman edit HTML yang dipenuhi dengan begitu banyak kode-kode yang bisa bikin  puyeng, kamu tidak perlu khawatir,  dalam dashboard HTML blogger terdapat menu pencarian yang bisa kamu gunakan untuk menemukan letak script yang begitu banyak tersebut, dengan cara tekan  CTRL - F besamaan dan masukan </head> pada kolom search:


Letakan  baris Script CSS dibawah ini,  tepat diatas kode </head> :

 
perhatikan Pada kode CSS, ciri-cirinya nya pada awal penulisan script dibuka dengan  <style> dan diakhiri dengan </style>.

Setelah kode tadi di paste,  sekarang memasukan kode HTML berikut dibawah </head> atau <body> paste script berikut :

Dan yang terakhir letakan kode berikut tepat diatas kode  </body> :


Dan contohnya dapat di lihat pada halaman berikut pada  DEMO cara membuat menu bar dengan search box


loading...

Komentar