Cara Membuat Kotak Search di Blogspot
Posting ke-500 ini akan saya isi dengan Trik Blog lagi, yaitu pemasangan kotak Search di Blog. Kotak ini memudahkan kita sebagai pengguna blog untuk mencari artikel yang kita inginkan. Tapi biasanya, ada satu dua artikel yang tidak muncul di hasil search walau sebenarnya artikel itu ada.
Nah sekarang bagaimana kita memasangnya? Gampang saja, ikuti langkah berikut:#search {
width: 280px;
font-size: 11px;
float: right;
margin: 0;
padding: 6px 0 0;
}
#searchform {
margin: 0;
padding: 0;
overflow: hidden;
display: inline;
}
#searchbox {
background: #84CAF6;
width: 220px;
color: #000;
margin: 0;
padding: 4px 0 3px 5px;
border: 1px solid #005BC3;
display: inline;
font: normal 12px Georgia, Times New Roman, Trebuchet MS;
}
#searchbutton {
background: #84CAF6 !important;
color: #000;
margin: 0 0 0 5px;
padding: 3px 3px 2px;
border: 1px solid #005BC3;
font: bold 11px Georgia, Times New Roman, Trebuchet MS;
}<div id="search">
<form id="searchform" action="/search/" style="display:inline;" method="get">
<input id="searchbox" maxlength="255" onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." name="q" onblur="if (this.value == "") {this.value = "Search...";}" type="text"/>
<input id="searchbutton" value="GO" type="submit"/>
</form></div>
Gampang bukan? Banget deh, kalo yang mau edit-edit silakan saja. terutama untuk warna, silakan ubah bagian CSS-nya. Semoga bermanfaat!
 |
18
komentar
:a:
:b:
:c:
:d:
:e:
:f:
:g:
:h:
:i:
:j:
:k:
:l:
:m:
:n:
18 komentar:
Kak ardi33 maaf yah sebelumnya.
Terima kasih udah nampilin artikel ini.jadinya pengunjung saya bisa cari artikel dalam blog saya
tak coba dlu die
mantap nih mas ardi..thanks nih dah berbagi
mas ardi contoh tampilan hasil searchnya gimana....
Mantabz bos..., bisa ijin coba...
halo salam kenal..
aku ga muji tapi blognya beneran keren koq..
tips yang menarik, tapi aku lebih tertarik sama tab recent post, tips and trik yang kamu punya..
hehehe.. ada tutornya ga??
helpful info u got here :)
bozkokshoutmixnya gak bisa
To: donal
Nggak bisa gimana ya? semuanya baik-baik saja kok. Coba hapus cache nya dan refresh page-nya.
Halloo...
Terimakasih Mas atas infonya sangat bermanfaat sekali, dan salam buat semua teman-teman Blogger, Jangan lupa, kalau ada waktu jalan-jalan sebentar ke blog Bujang Riau http://www.darma-saputra.co.cc.
ehm.. bagus sekali. makasih friend.
Makacih ya!:e:
mantap dah,,,,
nice tips :n: jangan lupa mampir ya www.download-melulu.co.cc
Wah ini yang q cari-cari, makacihh
:a: sip thx ya tapi g pas saya otak atik dikit saja biar pas posisinya gpp kan :m: seperti float diganti center supaya lebih pas n width saya ubah soalnya kegedean ,
semoga bisa membuat tutor yang keren lagi :c:
tapi kok masalhnya klo di web lain misal tulis yang mirip dengan postingan keluar misalnya search 'buat blog' yang mirip pasti keluar linknya tapi ko ga ada terus malah judul postingnya sama juga lengkap g keluar juga, apa karena saya oprek ato memang ada yang kurang??
tips keren sob, makasih ya!