Cara membuat Kotak Search Pada Blogspot

Tweet

Share

Fungsi Search sudah sangat kita pahami dalam sebuah website maupun blog dana pada beberapa template blog sudah menyediakan kotak Search tapi terkadang warna nya kelabu dan sedikit samar sehingga kurang kelihatan atau posisi nya yang kurang sedap dalam pandangan kita

Cara pasang nya sebagai berikut :

1. Masuk ke Desain dan pilih Page Elemen

2. Pilih Add Gadget

3. Pilih HTML/Javascript

4. Copy kan kode script dibawah ini dan klik Simpan

<form id="searchform" action="http://info-luarbiasa.blogspot.com/search" name="searchform" method="get">
<input id="search-box" name="q" size="20" type="text" style="background: #CA226B; border: 4px ridge #000066"/>
<input id="search-btn" value="Search" type="submit" style="background: #F433FF; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/>
</form>

Ganti url yang ditandai dengan warna biru dengan link blog sahabat, kode yang ditandai warna hijau adalah kode warna untuk kotak pencarian dan kode yang ditandai dengan warna orange untuk button pencarian

Apabila Sahabat ingin mengunakan image untuk button script nya

<form id="searchform" action="http://info-luarbiasa.blogspot.com//search" name="searchform" method="get">

<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="Cari Artikel...." /> <input id="searchsubmit" value="SEARCH" type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv4tgdNb_VE5FC-9DMvS6YfCERsqyT0U4OY0Fdcu85mUeJqZLkoG5TKf3yyrBHHMcbini4doBYuJVsTTqIPjoc73vBEnkplrb9zYxGvKLvpCptMI9fCTTWVWGmb-r6_mua5xR3NAoOKsA/s1600/green-button.png" align="top"/></form> 

Ganti link image yang ditandai wrna merah dengan link image yang sahabat suka

Selamat mencoba semoga bermanfaat buat sahabat

Info Luar Biasa

Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia

Posted in: blogger