Menambahkan search CSS3 dan valid di w3c

Caranya:
1. Login ke admin.
2. Cari kode ]]></b:skin> dan masukkan kode berikut diatasnya:

#search{background : #EEE;margin : 0 0 10px 0;padding :11px 10px;width :230px;-moz-box-shadow : 4px 4px 4px rgba(0,0,0,0.3);-webkit-box-shadow :4px 4px 4px rgba(0,0,0,0.3);-moz-border-radius:10px;-webkit-border-radius:10px;font-size: 14px;line-height: 15px;}#searchform #s{width:162px;text-shadow:2px 2px 6px yellow;color:green;font-size:17px;}#searchsubmit{cursor:pointer;}.button{border:1px solid #aaa;-moz-border-radius:4px;-webkit-border-radius:4px;padding:2px 4px;}
#search:hover{-moz-box-shadow : 4px 4px 14px blue;-webkit-box-shadow :4px 4px 14px blue;}

3. Save template.
4. Add gadget dan pilih HTML/Javascript. Masukkan kode berikut:

<div id="search"><form action="/search" id="searchform" method="get" style="display: inline;"><input id="s" maxlength="255" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Cari apa bro..&quot;;}" onfocus="if (this.value == &quot;Cari apa bro..&quot;) {this.value = &quot;&quot;}" type="text" value="Cari apa bro.." /> <input class="button" id="searchsubmit" name="Click" type="submit" value="Click" /></form></div>

5. Save

Sumber Bacaan: Blogger Admin.