Pengikut

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">
<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

11 komentar:

  1. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus
  2. Anonim5:40 PM

    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....

    BalasHapus
  3. 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)

    BalasHapus
  4. mas, saya mau tanya gimana nampilkan logo/ikon yahoo messenger di blog saya?makasih mas.

    BalasHapus
  5. coba mas masuk kesini : http://edittag.blogspot.com/2006/06/web-incorporating-yahoo-messenger-into.html

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

    BalasHapus
  7. 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

    BalasHapus
  8. makasih mas wawan, akan segera di link balik di edittag....

    BalasHapus
  9. haduh haduh,,, km yang terlalu expert apa saia yang terlalu goblok yak??? napa dr td post post km gag ada yang saia ngerti.. XD

    BalasHapus
  10. Kode HTML diatas itu dapat diambil dari bagian Edit CSS ya Mas?

    Buat Mbak Lily,
    Good Luck aja ngedit2 blogna. Mas Edittag bantuin dia ya..

    BalasHapus
  11. ini sebenernya untuk blogspot tipe lama, alias template, jadi mungkin lily sudah pake yg layout alias baru ya?

    BalasHapus

Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.

Postingan Populer