Terwujud
KomTer,Komik Online
Smartphone Mainbitcoin

Cara Membuat Kotak Pencarian Blog


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.

Kotak Pencarian

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>
<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==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' style='width: 200px;border:none; padding: 5px 5px 3px 8px; font: bold 12px Georgia;color:#000000; background:url(http://2.bp.blogspot.com/-htMGtvXtTzA/U2-kFWqDJHI/AAAAAAAABE0/ibF4PLLOydM/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='http://2.bp.blogspot.com/-fS4fldDvUek/U2-kGK3eFyI/AAAAAAAABE4/Vwk2d1AQ5o4/s1600/button.gif' type='image'/>
</form>
</div>
</center>
6. Klik simpan
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
^^Demikianlah artikel tentang Cara Membuat Kotak Pencarian Blog, semoga bermanfaat. Jika masih ada yang hendak anda pertanyakan, silahkan tinggalkan komentar atau hubungi saya via email dan Contact Us. Baca juga artikel tentang Statistik Traffic yang Akurat. Terima Kasih!.

Mau Artikel Gratis! Silahkan Tulis Email Anda.
Print PDF
Next
« Prev Post
Previous
Next Post »

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.

Icon:
:) ^_^ :D =D (smile dan tertawa)
:( =( (marah dan Bingung)
:-bd :-d (oke)
|o| (tepuk tangan)

By: Terwujud.com
Terima Kasih!!

Copyright © 2014. Terwujud.com | Sumber Informasi Terpercaya - All Rights Reserved | Template Created by Kompi Ajaib | Modified by Ibrahim Lubis