tattoos

Thursday, December 10, 2009

Search Box In Blogger

Untuk lebih memudahkan sobat pengunjung untuk mencari sebuah artikel yang mereka inginkan maka sebaiknya diblog kita disediakan sebuah search box. Cara membuatnya juga cukup gampang kok, tinggal copy paste saja script berikut :

<form id="searchthis" action="http://OPERA15.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>

Jangan lupa mengganti tulisan yang berwarna merah dengan alamat blog sobat.

Untuk cara pemasangan terserah sobat, mau memakai Gadget di elemen halaman ataupun mau dipasang di script HTML Template. Tetapi jika ingin memasang langsung di Script HTML Template, kita membutuhkan pengetahuan lebih untuk memasang pada tempat yang tepat.

Sebagai contoh pada blog ini, saya memasangnya dengan menggunakan Gadget di Elemen halaman.

Contoh Search Box :

image

Berikut beberapa penjelasan tentang kode dari search box tersebut :

<form id="searchthis" action="http://OPERA15.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>

Kode diatas merupakan kode untuk menampilkan kotak putih tempat teks kita ketikan.

action >> di isi dengan alamat blog kita

maxleght >> maximal karakter yang dapat diisikan pada search box

name >> nama search box (not publish, jadi tidak ada pengaruh)

size >> panjang search box

<input id="b-searchbtn" value="Search" type="submit"/>

Kode diatas adalah kode untuk menampilkan tombol search.

value >> diisi dengan kata yang akan ditampilkan pada tombol, disini misalnya “Search”, dapat diganti sesuai keinginan.

SELAMAY MENCOBA dan Happy Blogging…

 

Sumber : O-om.com

No comments:

Post a Comment

 

blogger templates | Blogger