Sabtu, 09 Agustus 2008

Membuat fasilitas search di Blogspot

Membuat fasilitas search di Blogspot

Bismillah…

Tulisan kali ini berkaitan dengan membuat fasilitas pencarian artikel yang berkaitan dengan kata tertentu yang telah dipostingkan pada blog kita di blogspot. Blogger.com untuk thems default tidak memberikan fasilitas tersebut (sejauh yang saya tahu). Kalau di wordpress fasilitas tersebut telah diberikan. Untuk itu, agar pengunjung blog kita dapat mencari artikel atau tulisan kita yang berkaitan dengan kata yang diinginkan pengunjung blog kita, kita dapat menambahkan fasilitas tersebut. Ada beberapa cara yang dapat digunakan dalam membuat fasilitas tersebut. Berikut ini cara yang bias dipakai:

  1. login dengan user anda di blogger.com
  2. masuk ke “tata letak” atau “layout” kemudian pilih ke “elemen halaman” atau “page elements”.
  3. tambahkan elemen halaman dengan tipe HTML/JavaScript.
  4. kemudian masukkan kode seperti berikut ini:

cara pertama (hasil utak atik sendiri):

<form action="http://nama_blog_anda.blogspot.com/search/label" method="get">

<input maxlength="50" value="" name="q" size="30" type="text"/>

Hasilnya dapat dilihat seperti dipojok kanan atas blog saya

Cara kedua (dengan google):

<form action="http://www.google.co.id/custom" target="google_window" method="get">
<table border="0" bgcolor="#446666">
<tr> <td nowrap="nowrap" valign="top" height="32" align="left">
<a href="http://www.google.com/">
<img border="0" alt="Google" src="http://www.google.com/logos/Logo_25blk.gif" align="middle"/>
</a>
</td>
<td nowrap="nowrap">
<input value=" nama_blog_anda.blogspot.com " name="domains" type="hidden"/>
 
<label for="sbi" style="display: none">Enter your search terms </label>
<input maxlength="255" id="sbi" value="" name="q" size="31" type="text"/>
<label for="sbb" style="display: none">Submit search form </label>
<input id="sbb" value="Search" name="sa" type="submit"/>
</td> </tr>
<tr>
<td>&nbsp; </td>
<td nowrap="nowrap">
<table>
<tr>
<td>
<input id="ss0" value="" name="sitesearch" type="radio"/>
<label for="ss0" title="Search the Web"> <font color="#ffffff" size="-1">Web </font> </label> </td>
<td>
 
<input id="ss1" checked value=" nama_blog_anda.blogspot.com " name="sitesearch" type="radio"/>
<label for="ss1" title="Search nama_blog_anda.blogspot.com "> <font color="#ffffff" size="-1"> nama_blog_anda.blogspot.com </font>
</label> </td>
</tr>
</table>
<input value="pub-9609820710362578" name="client" type="hidden"/>
<input value="1" name="forid" type="hidden"/>
<input value="4601589372" name="channel" type="hidden"/>
<input value="ISO-8859-1" name="ie" type="hidden"/>
<input value="ISO-8859-1" name="oe" type="hidden"/>
<input value="en" name="hl" type="hidden"/>
</td> </tr> </table>
</form>

Mungkin kalau ada yang tau cara lainnya bisa berbagi ilmu…

Itu dulu yang bisa saya tulis untuk saat ini. Smoga dapat bermanfaat bagi kita semua terutama bagi saya pribadi karena tujuan penulisan yang ada diblog ini hanyalah untuk pendokumentasian saja. Jika bisa bermanfaat bagi orang lain akan lebih baik.

2 komentar:

Handy Fernandy mengatakan...

waow bermanfaat banget,,,
sip saya dah bisa berkat tulisan ini..
makasih

=====================================
http://blognyafootballmanager.blogspot.com/
=====================================

heroe mengatakan...

wow, nice tutorial gan tak coba dulu..
silahkan mampir lihat2 artikel, software, film dan bisnis online di sini gan:
http://heroe-share.blogspot.com/

semoga bermanfaat

5 posting terbaru