Ok, kita lanjut pada tutorial selanjutnya ya karena sudah 3 hari ini saya tidak update artikel seputar Tutorial Blog, aneh rasanya, hahaha. Nah, pada kesempatan baik ini saya ingin share tentang bagaimana Cara Membuat Google Search Engine di Blog [Mencari Artikel di Blog].
Seperti yang kita tahu bahwa sebenarnya setiap templates sudah menyediakan Fasilitas Search ini dengan fungsi untuk mencari artikel di dalam blog. Tapi mungkin bagi sebagian teman-teman tidak puas dengan hasilnya dan sepertinya kurang maksimal, nah maka kali ini kita akan membuatnya sendiri dan tentu saja tetap mengadopsi bawaan dari Google.
Ok, pada tutorial ini saya langsung menyajikan dua (2) buah Search Engine dan teman-teman tinggal pilih sendiri mana yang cocok untuk digunakan:
Langkah-langkah membuatnya seperti di bawah ini:
1. Login ke akun blogspot >> Design/Rancangan >> Page Element >> Add a Gadget >> HTML/Javascript,
2. Lalu copy salah satu kode script di bawah ini dan pastekan di konten HTML/Javscript,
a. Script Search Engine untuk style Pertama:
Hasilnya bisa lihat di bawah ini:
b. Script Search Engine untuk style Kedua:
3. Jika sudah dipilih salah satu dan diedit maka selanjutnya tinggal di save dan lihat hasilnya.
Nah teman-teman, seperti itulah cara membuat Cara Membuat Google Search Engine di Blog [Mencari Artikel di Blog], semoga bisa bermanfaat dan selamat mencoba, salam.
Seperti yang kita tahu bahwa sebenarnya setiap templates sudah menyediakan Fasilitas Search ini dengan fungsi untuk mencari artikel di dalam blog. Tapi mungkin bagi sebagian teman-teman tidak puas dengan hasilnya dan sepertinya kurang maksimal, nah maka kali ini kita akan membuatnya sendiri dan tentu saja tetap mengadopsi bawaan dari Google.
Ok, pada tutorial ini saya langsung menyajikan dua (2) buah Search Engine dan teman-teman tinggal pilih sendiri mana yang cocok untuk digunakan:
Langkah-langkah membuatnya seperti di bawah ini:
1. Login ke akun blogspot >> Design/Rancangan >> Page Element >> Add a Gadget >> HTML/Javascript,
2. Lalu copy salah satu kode script di bawah ini dan pastekan di konten HTML/Javscript,
a. Script Search Engine untuk style Pertama:
<form action="http://cantik-2013.blogspot.com/search"<br /> <input class="textinput" name="q" size="30" type="text" /> <input value="Search" class="buttonsubmit" name="submit" type="submit" /></form>Ganti tulisan yang berwarna merah dengan alamat Url Home Page blog teman-teman, lalu silahkan ubah angka yang berwarna biru untuk merubah lebar dari form Search nya.
Hasilnya bisa lihat di bawah ini:
b. Script Search Engine untuk style Kedua:
<td> <a href="http://www.google.com/">Hasilnya akan menjadi seperti ini:
<img alt="Google" src="http://www.google.com/logos/Logo_40wht.gif" align="absmiddle" border="0"></a> <input maxlength="255" value="" name="q" size="25" type="text"> <input value="Search" name="btnG" type="submit"> </td>
3. Jika sudah dipilih salah satu dan diedit maka selanjutnya tinggal di save dan lihat hasilnya.
Nah teman-teman, seperti itulah cara membuat Cara Membuat Google Search Engine di Blog [Mencari Artikel di Blog], semoga bisa bermanfaat dan selamat mencoba, salam.
Tidak ada komentar:
Posting Komentar