Sabtu, 07 Mei 2011

Cara Membuat Kotak Search

Apa kabar semuanya sobat ? sekarang gue membuat postingan tentang  bagaimana Caranya Membuat Kotak Search atau pencarian di Blog, nah loch kotak search itu biasanya digunakan tuk mencari artikel-artkel tertentu pada sebuah blog, melalui keywords yang ditulis oleh sipembaca blog.

Maka dari itu dengan blog ini kita mempunyai banyak fitur yang lebih bervariasi, jadi gak cuma google aja kan yang bisa jadi mesin pencari hehehe, tetapi blog kita juga bisa dengan cara memasang kotak search atau search box pada blog kita, mari teman-teman sekalian simak lebih lanjutnya ok....
  • 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 loch,,hehehe, ini langkah terakhir dan ini bebas mau diletakkan dimana saja / 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>
  •  Udah selesaikan ucap,,, yessasssssass aku bisa .....siap deh. ;)

Backlink

Masukan Kata Kunci(Theme)

  ©Free Blogger Templates - Todos os direitos reservados.

Template by Dicas Blogger | Topo