Tutorial Blogger : Cara memberi kotak pencarian pada blogger

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 : 

Dibawah ini code pencarian yang bisa kamu gunakan:

</span></span></font><font class="Apple-style-span" color="#333333" face="'lucida grande', tahoma, verdana, arial, sans-serif"><span class="Apple-style-span" style="font-size: 11px; white-space: pre-wrap;"><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"/></span></font></p><p><font class="Apple-style-span" color="#0000FF" face="verdana, arial, Sans-erif"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; white-space: pre-wrap; ">

Jangan lupa ganti kode warna Merah dengan nama blog kamu sendiri.

Untuk Mengganti tombol Search dengan Icon:

Contoh:

Code yang bisa kamu gunakan :


</span></span></font><font class="Apple-style-span" color="#333333" face="'lucida grande', tahoma, verdana, arial, sans-serif"><span class="Apple-style-span" style="font-size: 11px; white-space: pre-wrap;"><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></span></font></p><p><font class="Apple-style-span" color="#0000FF" face="verdana, arial, Sans-erif"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; white-space: pre-wrap; ">

Jangan Lupa Ganti kode warna Merah dengan blog kamu sendiri, Bila ingin mengganti icon dengan icon lain ganti kode warna Biru dengan alamat gambar yang lain.


Sumber

Tutorial Blogger : Cara memberi kotak pencarian pada blogger