Pasang kotak pencarian di blogger

Posted by Gani Mugni Minggu, 01 Januari 2012 0 komentar
Untuk memudakan pengunjung melakukan percarian Navbar blogger sebenarnya sudah menyediakan fasilitas kota pencarian. namun ada kalanya kita ingin menambahkan sendiri kotak pencarian buatan sendiri, tentu saja dengan alasan kita bisa meletakan Search box tersebut dimana kita inginkan.

Contoh Kotak Pencarian :




http://cdn2.iconfinder.com/data/icons/flavour/search.pngDibawah ini code pencarian yang bisa kamu gunakan:

<form id="searchthis" action="http://namablog.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 ganti warna merah diatas dengan nama blog kamu sendiri

Untuk mengganti tombol search standar dengan Icon :

Contoh dengan tombol icon:



Code yang bisa kamu gunakan :

<form id="searchthis" action="http://namablog.blogspot.com/search" style="display: inline;" method="get">
<tr>
<td nowrap="nowrap" valign="top" height="16" align="left">
<input id="b-query" maxlength="255" class="textinputsearch" value="" name="q" size="22" type="text"/>
<input id="b-searchbtn" alt="Search" width="18" src="
http://oom.blog.googlepages.com/search.gif" height="19" align="top" type="image"/>
</form>

Jangan lupa ganti warna merah diatas dengan nama blog kamu sendiri, Untuk mengganti gambar icon kamu bisa mengganti kode warna pink diatas sesuai dengan alamat tempat kamu menyimpan gambarnya.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Pasang kotak pencarian di blogger
Ditulis oleh Gani Mugni
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://azharadzuan.blogspot.com/2012/01/pasang-kotak-pencarian-di-blogger.html. Terima kasih sudah singgah membaca artikel ini.

0 komentar:

Posting Komentar

Panduan blog dan SEO support Jual Online Baju Wanita - Original design by Bamz | Copyright of Azhara Blog.