Google Yahoo Search Widget

Search Widget yang berfungsi untuk mencari suatu kata / artikel di dalam suatu blog atau web dengan bantuan search Untuk screenshootnya seperti ini :

Caranya :

Login di blogger, kemudian masuk ke halaman tata letak, tambahkan page element, pilih html/javascript, copy paste kode dibawah ini, ganti text yang berwarna merah sesuai blog anda.


GOOGLE SEARCH WIDGET
<form action="http://www.google.com/search" method="get">
<input onfocus="this.style.background='#fff';" maxlength="255" value=""
type="text"onblur="if(this.value=='')this.style.background='#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat'" style="height:18px;border: solid 1px black; background:#fff
url(http://tbn1.google.com/images?q=tbn:NTYparYmYXvKAM:http://www.itenas.ac.id/tpls/home/images/logo_google.gif)
3px center no-repeat; position:relative;" size="25" name="q"/>
<input id="btn_undefined" style="position:absolute;padding-left:5px;"
value="Search" src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
type="image"/><br/>
<div style="margin-top:5px;">
<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="" name="sitesearch" type="checkbox"/> Web</li>
<li style="display:inline;padding-right:10px;margin-top:5px;">
<input checked="checked" value="http://superrazor.blogspot.com" name="sitesearch"
type="checkbox"/>http://superrazor.blogspot.com</li>
</div>
</form>

YAHOO SEARCH WIDGET
<div id="ysrch Form width:170px; margin:0 auto; padding:20px; position:relative; ">
< form id =" search Box Form_undefined" action="http://search.yahoo.com/search" style="padding:0;">
<input value="UTF-8" name="ei" type="hidden"/>
<input value="ystg" name="fr" type="hidden"/>
<div style="padding:0 80px 0 0;zoom:1;">
<input onfocus="this.style.background='#fff';" type="text" id="searchTerm"
onblur="if(this.value=='')this.style.background='#fff
url(http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr2/lg_pwsch.gif) 3px center no-repeat'"
style="height:15px;border: solid 1px black; background:#fff
url(http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr2/lg_pwsch.gif) 3px center no-repeat;
position:relative;" size="25" / name="p"/>
<input id="btn_undefined" style="position:absolute;padding-left:10px;"
src="http://bloggerplugins.googlepages.com/yahoo-search-widget-button.png"
value="Search" type="image"/></div><span padding:0; font:11px/11px helvetica, sans-serif;
list-style-type:none;="arial," margin:0; normal text-align:left;>
<li style="display:inline;padding-right:10px;">
<input id="web_radio" style="vertical-align:middle;margin-right:5px; "
value="" name="vs" type="radio"/>
<label for="web_radio" style="display:inline;vertical-align:middle; padding-top:2px; text-decoration:none;">Web</label></li>
<li style="display:inline;padding-right:10px;">
<input id="site_radio" checked="checked" style="vertical-align:middle;margin-right:5px; "
value="http://superrazor.blogspot.com" name="vs" type="radio"/>
<label for="site_radio" style="display:inline;vertical-align:middle; padding-top:2px; text-decoration:none;">http://superrazor.blogspot.com</label></li>
</span></form></div>

Copy paste kan seperti petunjuk diatas, jangan lupa mengganti text berwarna merah dengan nama blog anda.

0 comments:

Post a Comment