HTML : Input Search Form to Blogger

Tahukah Anda bila blogger menyertakan form pencarian ke dalam blog kita?Inilah salah satu keunggulan yang diberikan blogger dalam layanan blognya.Kelebihan ini dipadukan dengan piranti navbar yang muncul dibagian paling atas blog kita.Artinya ruang pribadi milik blogger yang biasanya disebut papan iklan oleh beberapa pengguna blogger dimaksimalkan dengan fungsi yang sangat relevan.

Ini juga menjadi salah satu inovasi blogger setelah menyertakan iklan di navbarnya.Berikut tampilan navbar yang lama :

Bandingkan dengan saat ini? praktis dan powerful kan?

Nah karena posisi dan bentuknya yang sangat blogger itulah keberadaannya sering diabaikan.Untuk itu ada baiknya pula bila form pencarian kita masukan ke dalam sidebar agar lebih familiar dan bermanfaat.

Berikut kodenya :

<FORM METHOD=”GET” ACTION=”http://search.blogger.com”&gt;
<INPUT TYPE=”hidden” name=”ie” value=”UTF-8″ />
<INPUT TYPE=”hidden” name=”ui” value=”blg” />
<INPUT TYPE=”hidden” name=”scoring” value=”d” />
<INPUT TYPE=”hidden” name=”num” value=”10″ />
<INPUT TYPE=”hidden” name=”x” value=”0″ />
<INPUT TYPE=”hidden” name=”y” value=”0″ />
<INPUT TYPE=”hidden” name=”bl_url” value=”<$BlogURL>” />
<INPUT TYPE=”text” NAME=”as_q” style=”width: 100px;” />
<INPUT TYPE=”submit” value=”Search!” />
</FORM>

Hanya perlu mengganti <$BlogURL> dengan URL blog kita.
Semoga membantu.

Info terkini : Kode diatas menyesuaikan dengan navbar di blogger lama. Karena perubahan teknologi navbar, maka kode diatas diperbarui di sini :
http://edittag.blogspot.com/…html

9 pemikiran pada “HTML : Input Search Form to Blogger

  1. mas rudi itu sapa ya? ga pernah bahas nama rudi disini….jangan2 salah nama?

    ini untuk temen saya budi ko….sukur kalo ada yg merasa butuh search juga….

    Suka

  2. mas Agus nulis artikel ini karena barusan liat blog aku kan… 🙂 (*sory kegeeran)
    untuk modul search aku pake milik bloggertemplate.com, kebetulan aku pernah pake templat miliknya dia, dan tapi skrg nggak lagi, tapi script search module aku curi (*tapi bukan pencuri ya)

    Suka

  3. salam kenal aa agus buat lebih akrabnya (kan dari Bandung)
    blog aa banyak membantu proses belajar saya mengenai blog

    Suka

  4. Makasih mas sebelumnya…saya sangat terbantu dengan tutorial anda apalagi menampilkan icon YM di blog, tp setelah baca jadi mengerti..sekali thanks mas..saya sudah link mas, link balik ya

    Suka

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s