Cara buat Search Box atau Kotak Pencarian Pada Blog

Rabu, Februari 22, 2012 - Posted by Ada Blog

Cara buat Search Box atau Kotak Pencarian Pada Blog - Banyak Template / Tema blog yang sudah mendukung Box Search atau sudah langsung tersedia Box Searchnya, namun ada beberapa Tempalte / tema blog yang belum tersedia Box Search ini di blognya, maka saya akan memberikan cara membuat Search Box pada blog.

Ada dua cara buat Search Box / kotak pencarian di blog, Berikut cara Membuat Search Box Pada Blog :

Cara  Satu : Yaitu Search Box yang sudah disediakan oleh Blogger :

1. Login ke akun Blogger anda

2. Klik Menu Layout

3. Klik Tab Page Element

4. Klik Pada Add a Gadget

5. Lalu Pilih "Kotak Penelusuran"

6. Nah disitu ada beberapa pilihan, silahkan sesuaikan dengan kebutuhan Anda.

7. Simpan [ Finish ] -> Search Box / Kotak Pencarian akan segara tampil di blog anda.


Cara Dua [ HTML KODE ]

1. Login ke akun Blogger anda

2. Klik Menu Layout

3. Klik Tab Page Element

4. Klik Pada Add a Gadget

5. Lalu Klik HTML/Javascript

6. Dan Pastekan Kode berikut kedalam kotak yang disediakan :
<form action="http://fadjarnugraha.blogspot.com/search" method="get">
<input class="textinput" name="q" size="40" type="text" /> <input class="buttonsubmit" name="submit" type="submit" value="search" /></form>


Keterangan:
Ganti http://fadjarnugraha.blogspot.com/ dengan nama blog Anda.
Angka 40 = menunjukkan panjang kotak (search box) yang akan tampil di blog anda, semakin banyak angkanya maka semakin panjang box-nya

7. Lalu Save, dan Lihat blog Anda
Dan kira-kira hasilnya akan seperti ini .

Semoga bermanfaat
100out of 100 based on 411008 ratings. 1 user reviews.
Posted by: fajar nugroho Ada Blog - blog Portal Berita, Updated at: 6:03 PM

9 komentar:

Blog Keperawatan mengatakan...

Terima kasih sahabat atas berbagi pengetahuannya ini.
Kebetulan template saya juga belum punya yang seperti ginian

daftar social bookmark mengatakan...

makasih infonya gan udah aye coba di blog aye

yoga mengatakan...

langsung di coba.. mkasih gan...

Asrori mengatakan...

trimakasih Kak membantu tugas sekolah. dalam pencarian.
http://wildan-nw.blogspot.com

Dimas nafik mengatakan...

Terima kasih,,gan...
Kunjungi ya http://dimasnafik.blogspot.com/

Dimas nafik mengatakan...

Terima kasih,,gan...
Kunjungi ya http://dimasnafik.blogspot.com/

Hendri Prastio mengatakan...

ternyata caranya mudah dan simpel ya mas,,,makasih atas tutorialnya,,,mantap deh

antok sayur mengatakan...

enak juga ternyata...

Ubud Scooter Rental mengatakan...

Thanks informasinya sob, kalau pengen membuat search box yang tempatnya di akhir menu page (kayak template sobat ini) gimana sob? mohon pencerahanya

terima kasih

Poskan Komentar