Cara Membuat dan Memasang Kotak Pencarian (Widget Search) Pada Blog Part 1

Cara Membuat dan Memasang Kotak Pencarian (Widget Search) Pada Blog Part 1 - Widget (HTML/JavaScript) v1.0

Cara Membuat dan Memasang Kotak Pencarian (Widget Search) Pada Blog Part 1 - Widget (HTML/JavaScript) v2.0. Hari ini aku baru mempelajari tentang tata cara membuat dan memasang widget search (widget kotak pencarian) pada blog, walau ada banyak yang menyediakan fasilitas kotak pencarian (search box) ini, namun menurutku tidak sebagus karya sendiri. Perlu diketahui, sebenarnya blogger sendiri telah menyediakan fasilitas ini yaitu "Pencarian Powered By Google". Widget default ini kurang baik menurut aku karena tidak sesuai selera. Nah bila Anda yang ingin membuat widget kotak pencarian (search box) sendiri pada blog, ikutilah tutorial berikut ini.

Pertama Login ke Blogger
Klik (pilih) Rancangan
Klik (pilih) Add Gadget (Tambah Gatget)
Cari dan pilih "HTML/JavaScript"
Copy paste code berikut pada "HTML/JavaScript"

<form id="searchthis" action="http://namablogkamu.blogspot.com/search" style="display:inline;" method="get"><input id="b-query" maxlength="255" name="q" size="20" value="Cari artikel..." type="text"/><input id="b-searchbtn" value="Cari" type="submit"/></form>

Ini Contohnya

Ganti yang berwarna biru sesuai dengan url blog Anda
Ganti yang berwarna merah sesuai dengan keinginan Anda
Simpan Widget dan lihat blog

Selamat mencoba, Semoga berhasil...

*****

Related : Cara Membuat dan Memasang Kotak Pencarian (Widget Search) Pada Blog Part 1 - Widget (HTML/JavaScript) v1.0

Cara Membuat dan Memasang Favicon pada blogFavicon adalah gambar kecil di samping addres bar browser. Contohnya bisa dilhat pada gambar di atas. Tetapi, pada gambar di atas adalah favicon default dari blogge ...
Cara Pasang Recent Comment (Komentar Terbaru) Dengan Avatar - NewTutorial hari ini yaitu tata cara membuat Recent Comments (komentar terbaru) with Avatar, tidak seperti recent comment yang kebanyakan kita temui pada blog para blogger. ...
Membuat widget user online dengan who's amung pada blogWidget yang satu ini merupakan Widget User Online yang memberi nilai tersendiri bagi Blog kita karena dengan adanya Widget User Online ini orang yang mengunjungi Blog ki ...
HTML laguage script HTML laguage script <div class="right_div"> <div class="top header-time"> &nbs ...
Cara Memberi Scroll Pada Widget Part 2 - Archive Blog (Edit HTML)Cara Memberi Scroll Pada Widget Archive Blog (Edit HTML). Kali ini aku akan bahas kembali mengenai cara memasang scroll pada widget yang berada dalam Edit HTML. Fasilita ...