Pasang Yahoo search

Yahoo search widget merupakan suatu widget yang berfungsi untuk mencari suatu kata / artikel di dalam suatu blog atau web dengan bantuan yahoo search. Pada dasarnya widget yang satu ini sama saja dengan widget pencarian yang lain seperti google custom search yang bisa kita dapatkan jika kita mengikuti adsense. Berikut screenshoot dari yahoo serach widget :


Jika anda ingin pasang widget tersebut di blog anda, silahkan copy paste kode di bawah ini ke salah satu page element blog anda

<div id="ysrchForm width:170px;margin:0 auto;padding:20px;position:relative; ">
<form id="searchBoxForm_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="33" / 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://bloganda.blogspot.com" name="vs" type="radio"/>

<label for="site_radio" style="display:inline;vertical-align:middle; padding-top:2px; text-decoration:none;">Blog anda</label></li>
</span></form></div>

Setelah di copy paste, jangan lupa untuk mengganti text yang berwarna merah dengan nama blog anda. Selamat mencoba....
source: http://www.bloggerplugins.org/

Comments :

1
bancir mengatakan...
on 

keren bang,,,
ijin copas

Posting Komentar