Cute Search Blog

Assalamu'alaikum...

Udah lama ya, aku nggak nge-post lagi. Ya iyalah, tugas Esa semakin menumpuk. Apalagi Paman WiFi-nya jahat banget! Huehehe..... #ADEGANJANGANDITIRU

Aku sempatkan memenuhi request Najiyah. Untuk Faisha, kalau mau transparan gambar di PIXLR atau di Photoshop bisa ya. For Ratih, aku usahakan jadi :)

1. Buka dashboard blog

2. Tata Letak >> Tambahkan Gadget >> HTML/Javascript

3. Pilih bentuk dan warna search blognya sesuai kemauan kamu sendiri.

<input id="searchBox" name="q"/> onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #ffffff; border-radius: 5px; border: Pink solid 1px; color: #bfbbbd; font-size: 11px; padding: 4px; width: 150px;" type="text" value="Search here" vinput="" /> <input id="searchButton" style="background: Pink; border-radius: 5px; border: Pink solid 1px; color: white; font-size: 11px; padding: 4px;" type="submit" value="Find" /></form>

<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #ffffff; border-radius: 5px; border: Pink dashed 1px; color: #bfbbbd; font-size: 11px; padding: 4px; width: 150px;" type="text" value="Search here" vinput="" /> <input id="searchButton" style="background: Pink; border-radius: 5px; border: Pink dashed 1px; color: white; font-size: 11px; padding: 4px;" type="submit" value="Find" />

<form action="/search" id="searchthis"

 method="get" style="display: inline;"> <div style="text-align: center;"> <input id="search-box" name="q" size="20"  style="background: #fffafb border: 1px solid Pink;" type="text" value"Search" /> <input id="search-btn" style="background: #fffafb; border: 1px solid Pink;  color: Pink; font-weight: bold;" type="submit" value="Go!" /><br />
<br /></div>
</form>

<form action="/search" id="searchThis" method="get" style="display: inline;"> <input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" style="background: #fff; border: Pink solid 1px; color: Pink; font-size: 10px; width: 200px;" type="text" value="Search~ ♡" vinput="" /> <input id="searchButton" style="background: #fff; border: Pink solid 1px; color: pink; font-size: 9px; padding-top: 3px;" type="submit" value="Go" /></form>

4. Save! 

Oh iya, kalau mau lebih banyak contohnya datang ke sini ya! Aku repost dari dia juga!

http://jauzahanun-library.blogspot.co.id/2015/03/cute-search-boxes.html

Oke, thanks yang udah mau baca dan mencobanya. Thanks kak Jauza!

Wassalamu'alaikum...