Cara Membuat Kotak Pencarian Responsive di Blog - Memasang Kotak Pencarian Responsive di Blog

Cara Membuat Kotak Pencarian Responsive di Blog. Kotak pencarian sangat berguna bagi para blogger, karena para pengunjung akan lebih mudah menemukan artikel yang ingin dicari. Sebenarnya blogger telah memberikan kotak pencarian melalui fitur widget, namun ketika Admin coba tidak dapat menemukan artikel blog Admin. Maka dari itu Admin mencari cara mencari kotak pencarian yang dapat dengan mudah mendapatkan artikel-artikel Admin pada blog.

Namun setelah mencoba kotak pencarian yang terdapat pada internet, kotak pencarian malah merusak template yang ada dikarenakan tampilannya yang tidak responsive. Kemudian Admin mempunyai ide untuk memodifikasi kontak pencarian yang telah Admin dapatkan. Untuk anda yang ingin mencobanya silakan simak tutorial pemasangannya dibawah ini.

Cara Membuat Kotak Pencarian Responsive di Blog. Berikut ini adalah step by step pemasangan widget kotak pencarian pada blog.

1. Buka akun blogger anda.

2. Pilih menu Tata Letak > Add Widget > HTML / Javascript.

3. Lalu letakan copy kan kode berikut :

<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button></form></div>

4. Simpan setelan, langsung cek untuk mengetahui apakah kotak pencarian berhasil.
5. Tulisan warna merah dapat diubah sesuai dengan keinginan.

Hasil dari kotak pencarian dapat dilihat seperti pada gambar diatas, Semoga tutorial singkat ini bermanfaat, Jangan lupa like dan share artikel ini.