Pada artikel terkait saya telah menjelaskan tentang Membuat Kotak Pencarian Blog dengan Google Custom, nah,..kali ini walaupun tidak jauh berbeda saya akan menjelaskan Cara Membuat Kotak Pencarian Blog. Perbedaan dari dua artikel ini terlihat dari cara modifikasinya saja, jika artikel pertama menggunakan fasilitas dari Custom Google search, sedangkan artikel yang kedua (artikel ini) anda cukup meng-copy paste kode yang telah saya sediakan dan tinggal meletakkannya pada widget HTML.
Kemudian perbedaan yang lain adalah dari sisi desain yang telah saya modifikasi sehingga tampilannya sedikit berbeda, selain modifikasi yang saya buat, anda juga akan saya beritahu bagaimana mengubah modifikasi default dari sesuai dengan keinginan yang anda suka.
Pada dasarnya Cara Membuat Kotak Pencarian Blog yang saya jelaskan merupakan sistem pencarian yang sama dengan Google, hanya saja pencarian-nya ter-khusus untuk blog anda saja. Selain itu setiap keyword/judul artikel yang hendak di cari akan ter-update/ditemukan secara akurat jika judulnya sama atau akan ada tampilan yang sudah bertanda khusus pada judul-judul yang terkait atau mendekati. Oke,..langsung saja tanpa basa-basi, berikut penjelasan tentang Cara Membuat Kotak Pencarian Blog.
1. Log In di www.blogger.com
2. Masuk ke Menu Tata Letak (Page Layout)
3. Pilih tambahkan Gadget
4. Pilih dan klik HTML/Javascript
5. Copy dan Paste Kode di bawah ini
7. Klik simpan setelan pada menu dasar Tata Letak dan lihat hasilnya
Keterangan:
Kemudian perbedaan yang lain adalah dari sisi desain yang telah saya modifikasi sehingga tampilannya sedikit berbeda, selain modifikasi yang saya buat, anda juga akan saya beritahu bagaimana mengubah modifikasi default dari sesuai dengan keinginan yang anda suka.
Pada dasarnya Cara Membuat Kotak Pencarian Blog yang saya jelaskan merupakan sistem pencarian yang sama dengan Google, hanya saja pencarian-nya ter-khusus untuk blog anda saja. Selain itu setiap keyword/judul artikel yang hendak di cari akan ter-update/ditemukan secara akurat jika judulnya sama atau akan ada tampilan yang sudah bertanda khusus pada judul-judul yang terkait atau mendekati. Oke,..langsung saja tanpa basa-basi, berikut penjelasan tentang Cara Membuat Kotak Pencarian Blog.
1. Log In di www.blogger.com
2. Masuk ke Menu Tata Letak (Page Layout)
3. Pilih tambahkan Gadget
4. Pilih dan klik HTML/Javascript
5. Copy dan Paste Kode di bawah ini
<center>6. Klik simpan
<div style="float:up;border: 2px solid #ffffff; box-shadow: 0px 0px 3px 0px;width:300px; height: auto; background-color:#000238; padding-top: 1px;">
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://www.terwujud.com'/>
<input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width: 200px;border:none; padding: 5px 5px 3px 8px; font: bold 12px Georgia;color:#000000; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisFq6mWspEZUsmMpuOr1Cx_rwU8a0-guSM3tvhAvy0I9sggvsIgeeVW5e9jdg99HZe7WmArEL3QyYUqsjULizJBv1ZDVe3esTl92UevpkgPSVqAZ3oUxMfMkeemf2OX6WkFYDuHi_nWFZv/s1600/Pencarian.gif) no-repeat;' type='text' value='Cari Artikel Di Sini...'/>
<input align='top' alt='Terwujud.com | Sumber Informasi Terpercaya' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYo5HiPRJpRv_jAATJcIRVB6q11HHj7CwIsdIaZjVg6Zrwt_PUNrLKASFUdoXQigfRuTv3ekcjaik-jiTAOBAtfdoXjuMygUBGtLT5FkisZ9SYPK_9NGJlL74fk2nSIOcM24BPqVNyahDI/s1600/button.gif' type='image'/>
</form>
</div>
</center>
7. Klik simpan setelan pada menu dasar Tata Letak dan lihat hasilnya
Keterangan:
- Anda bisa mengubah gambar pada kolom pencarian sebagaimana yang telah saya tandai dengan berwarna merahsesuai dengan hasil modifikasi anda.
- Anda juga dapat merubah gambar dengan warna kebiruan sesuai dengan keinginan anda
- Tulisan yang bergaris bawah silahkan ganti dengan URL blog anda dan kalimat/judul Alt-nya
Saya akan sangat senang jika ada komentar yang membangun, tetapi:
*Jangan komentar SPAM
*Jangan menanam link
*Jangan ada unsur sara, Fornografi dan memojokkan
Komentar yang melanggar akan dimasukkan kedalam daftar SPAM dan tidak akan diijinkan lagi.
Klik dan Copy Icon di bawah:
:) :( hihi :-) :D =D :-d ;( ;-( @-) :P :o -_- (o) :p :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (y) (f) x-) (k) (h) cheer lol rock angry @@ :ng pin poop :* :v 100
By: Terwujud.com
Terima Kasih!!