. HOME . ABOUT . STUFF . FRIEND . RULES . 

Cute Search Boxes

Hai udah pada tau kan Search Boxes? Yang Belum Tau,,Itu lho yang widgetnya Tabitha yang judulnya "SEARCH HERE" oh iya ini udah lamaaaaa Banget direquest sama Nayyara , tapi dulu Tabitha Belum tau,,eh Sekarang Tabitha nemu diblognya kak Salsa , Ok Cute Search Boxesnya Dari Kak Salsa , Tutorial pasangnya dari Tabitha ya^^

Langkah Pertama

Blogskins = Buka Template blogmu
Desinger = Buka HTML/Java Script

Langkah ke-2

Blogskins :

  • Tambahkan Tempat Widgetmu Untuk Kotak Searchnya Nanti, Lalu Copykan Codenya
Desinger :
  • Copy Dan Paste Code Kotak Searchnya
Save!!
This is a Code Cute Search Boxes


                                                           

<form action="/search" id="searchThis" method="get" style="display: inline;">
<div style="text-align: center;">
<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>

   
<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 border="Pink" id="search-box" name="q" size="25" type="text" value="Search here" /><input id="search-btn" src="http://i11.photobucket.com/albums/a168/evelynregly/4-4.png" style="margin-left: 5px; margin: 3px 0 0 5px;" type="image" value="Search" /><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 dashed 1px; color: Pink; font-size: 10px; width: 200px;" type="text" value="Search~ ♡" vinput="" /> <input id="searchButton" style="background: #fff; border: Pink dashed 1px; color: pink; font-size: 9px; padding-top: 3px;" type="submit" value="Go" /></form>

Credit : Kak Salsa

Oke Semoga Tutorial Tabitha Bermanfaat Yah^^

Tidak ada komentar:

Posting Komentar

Jika Belum paham , Jangan malu untuk bertanya^^