Kamis, 21 April 2011

Membuat kotak Search

Menggunakan Scripts
  • Login ke Blogger.
  • Klik Tata Letak - Edit HTML
  • Lalu cari tag kode seperti ini ]]></b:skin>
  • Copy Pastekan kode CSS ini tepat disebelum tag kode tersebut:

#search{font-size:11px;margin:0;padding:6px 0 0;width:260px}#searchform{display:inline;margin:0;overflow:hidden;padding:0}#searchbox{-moz-box-shadow:0 0 15px #00008B;-webkit-box-shadow:0 0 15px #00008B;background:#00F;border:0 DOUBLE #00008B;color:#fff;display:inline;font:normal 12px Trebuchet MS;margin:0;padding:4px 0 3px 5px;width:180px}#searchbutton{-moz-box-shadow:0 0 15px #00008B;-webkit-box-shadow:0 0 15px #00008B;background:#00F!important;border:0 DOUBLE #00008B;color:#fff;font:bold 11px Georgia, Times New Roman, Trebuchet MS;margin:0 0 0 5px;padding:3px 3px 2px}
  • Nah, ini langkah yang terakhir dan ini bebas mau diletakkan dimana aja, atau juga bisa kita letakkan di HTML/Javascript pada Blogger:
<div id='search'><form action='/search' id='searchform' method='get' style='display:inline;'><input id='searchbox' maxlength='255' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/><input id='searchbutton' type='submit' value='GO'/></form></div>
Beres..

menggunakan google custom..

silahkan klik disini untuk membuat Google Custom Search. Setelah berada pada halaman  Google Custom Search, klik Create a Custom Search Engine untuk memulai
  1. Langkah berikutnya adalah beri nama kotak pencarian Anda.  Pada kolom berikutnya “Description:” boleh diisi boleh juga tidak,.
  2. Kemudian pilih bahasa, Bahasa Indonesia juga boleh, lanjut pada kolom Define your search engine, isi dengan URL Blog Anda
  3. Berikutnya Select an edition, pilih Standard edition: Free, ads are required on results pages, lalu centang kotak kecil I have read and agree to the Terms of Service.klik Next untuk lanjut ke step berikutnya.
  4. Pada Step kedua, silahkan pilih bentuk dan warna Google Custom Search Anda, jika sudah, klik Next.
  5. Sekarang Step ke tiga atau yang terakhir, Copy Code yang di berikan lalu paste kedalam Gadget Blog Anda. Google Custom Search ini bisa Anda tempatkan pada sidebar blog Anda.
  6. Selesai Selamat Mencoba. Hasilnya bisa dilihat pada blog ini di sidebar blog ini “Cari Artikel Disini”

Tidak ada komentar:

Posting Komentar