Cara Tambah Search Engine di Blog

|

Search engine terkadang amat diperlukan kalo kalo artikel yang ada dalam blog itu bejibun banyaknya. Rasa males bisa datang ke pembaca kalo udah coba nyari artikel yang pernah dibaca suatu hari tapi akhirnya ga pernah ketemu lagi. Bakal bete abis deh rasanya, soalnya ku sendiri pernah banged ngalami kaya begituan.

Sebenernya di blogger udah ada fasilitas untuk search, tapi itu terletak di bagian navbar walhasil karena banyaknya orang yang menggunakan template yang sudah membuang navbar ini search bar pun ikut menghilang.

Jadi kenapa engga buat pengunjung merasa sedikit tentram dengan kehadiran Search Engine di blog temen semua? Caranya gampang banged kog, ini ada step by stepnya plus bisa ngajarin gimana cara memodifikasinya. Dari awal sampai akhir. Smoga berhasil!!

Pertama masuk ke Layout > Page Element, Add Page Element. Pilih HTML trus copy paste code dibawah ini.

<p align="left">
<form id="searchthis" action="URL BLOG/search" style="display:inline;" method="get">
<strong>NAMA BLOG<br/></strong>
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p>

Nah lihat bagian code ini:

<p align="left">
<form id="searchthis" action="URL BLOG/search" style="display:inline;" method="get">

Dibagian yang berwarna merah itu menunjukkan dimana search engine ini harus mencari hasil, jadi inputkan URL blog temen disini. Dan ada lagi, seperti yang dibawah ini:

<strong>NAMA BLOG<br/></strong>

Nama blog temen bisa dituliskan di dalam code yang berwarna merah ini. Sehingga nantinya akan muncul diatas search bar. Atau bisa juga bukan nama blog, melainkan tulisan SEARCH HERE, atau CARI DISINI, dll.

Coba lihat code dibawah ini:

<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>

Lihat pada code berwarna merah, pada masing-masing kode terdapat tulisan yang di blok. Ada 20 dan search. Kamu bisa mengubah 20 jadi sesukanya, hal ini akan mengubah panjang bar dari search engine. Dan kata-kata search, jika diubah akan mengubah kata dalam button, seperti Click, Go, Search, Cari, dsb.

Coba lihat gimana penampilan standar dari search engine ini.

NAMA BLOG

Terlihat begitu standar....

Tips Selanjutnya

Lebih asik lagi gimana kalo tobol searchnya kita ubah dengan gambar aja??Bisa kog...cuma tinggal tambahin code ini aja ke bawah code yang awal tadi

<input id="b-searchbtn" type="image" src="URL GAMBAR" align="top"/>
</form></p>

Ganti URL GAMBAR dengan URL gambar yang udah di upload ke image hosting yach!!

Feedback

Berhasil ngga pake tutorial diatas? Atau ada yang mau ditanyain sama tutorial diatas? Post komentar aja dibawah ini ya!

Share