Search Engine dengan Tombol Bergambar

Dulu aku juga pernah memposting tentang tutorial yang sama di “Pasang Search Engine di Blog” tetapi kali ini yang beda adalah pada tombol searchnya. Pada artikel yang dulu tombol search hanya berbentuk tombol biasa tetapi sekarang tombolnya berupa sebuah gambar.

Kalau kamu tertarik, caranya sangatlah mudah sekali, kamu hanya masukkan code dibawah ini

<div class="widget-content"> <br /> <form action="http://(url_blog_kamu)/search" method="get"> <table style="color:#ffffff;"> <br /> <tr> <td nowrap="nowrap" valign="top" height="16" align="left"> <p> </td> <p> </tr> <p> </table> <p></form> </p></div> <p>

Kalian perhatikan tulisan (url_blog_kamu) yang ada di code diatas tulisan tersebut gantilah dengan URL/alamat blog kalian, contohnya url blog ini tutorsingkat.blogspot.com jadinya akan seperti ini action=”http://tutorsingkat.blogspot.com/search”. Kalian juga perhatikan tulisan value=”cari artikel disini…” tulisan itu akan muncul di kotak searchnya silahkan ganti dengan tulisan yang kamu inginkan, contohnya saja kamu ganti dengan kata cari atau cari artikel blog ini…

Sebagai contoh hasil dari code diatas adalah sebagai berikut

Hasilnya setelah tulisan tadi diganti dengan kata cari

Dan hasilnya setelah diganti dengan kalimat cari artikel blog ini…

Untuk cara menginstalnya ke blogger silahkan baca artikel Install Widget to Blogger. Semoga artikel ini berguna untuk kamu. Oiya widget ini aku dapat dari widget search enginenya si oom

Pasang Search Engine di Blog

Kalau kita ingin mencari sebuah artikel di blog kita pasti kesulitan apalagi kalau artikel di blog tersebut sangat banyak.

Jadi biar si pengunjung blog tidak kesulitan untuk mencari artikel kita, kita harus pasang search engine di blog. Nah sekarang aku ingin menulis artikel cara pasang search engine di blog kita.

CARA PASANG GOOGLE SEARCH
1. Masuk ke id blog kamu.
2. Pada Dashboard cari tulisan Layout
3. Klik tulisan Tambahkan sebuah Elemen Halaman
4. Pilih “HTML/Javascript dan klik TAMBAHKAN KE BLOG
5. Pada kotak “Judul” bisa diisi bisa tidak
6. Pada kotak “konten” masukkan code di bawah ini

<!-- Search Google --></p> <form action="http://www.google.com/search" method="GET"> <p><a href="http://www.google.com/"><br /><img alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" border="0" align="absmiddle" /></a></p> <p></form> <p><!-- Search Google --><br />

<!-- Search Google --></p> <form action="http://www.google.com/search" method="GET"> <p><a href="http://www.google.com/"><br /><img alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" border="0" align="absmiddle" /></a></p> <p></form> <p><!-- Search Google --><br />

7. Klik tombol SIMPAN PERUBAHAN
8. Atur tempat sesuai dengan keinginan temen-temen
9. Terakhir klik tombol SIMPAN

Ini hasilnya !

CARA PASANG SEARCH ENGINE DARI BLOGGER
Cara 1
1. Masuk ke situs blogger-templates.blogspot.com
2. Cari artikel yang bernama “Add a search form in Blogger”
3. Klik tombol Add To My Blog
4. (bila belum masuk ke ID blogger) Masuk ke ID kamu
5. Pada “Pilih sebuah blog” pilih blog tempat search engine tersebut ditempatkan
6. Judul bisa dihapus atau diganti atau pakai nama defaultnya juga bisa
7. Bila ingin mengubah atau menambahkan kode kedalam Search Engine klik “Edit Konten”
8. Bila sudah selesai klik tombol MENAMBAH WIDGET
9. Atur tempat yang diinginkan
10. Terakhir klik tombol SIMPAN

Cara 2
1. Masuk ke id blog kamu.
2. Pada Dashboard cari tulisan Layout
3. Klik tulisan Tambahkan sebuah Elemen Halaman
4. Pilih “HTML/Javascript dan klik TAMBAHKAN KE BLOG
5. Pada kotak “Judul” bisa diisi bisa tidak
6. Pada kotak “konten” masukkan code di bawah ini

<br /> <form action="/search" method="get"> </form> <p>

<br /> <form action="/search" method="get"> </form> <p>

7. Klik tombol SIMPAN PERUBAHAN
8. Atur tempat sesuai dengan keinginan temen-temen
9. Terakhir klik tombol SIMPAN

Ini hasilnya !

Semoga bermanfaat