How To Add Yahoo Search Box to blogger

Posted by Lasantha Bandara on June 4th, 2009 File Under : gadget, google, widget0 Comment

1.Login to your dashboard--> layout- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.

<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://www.solidblogger.com/blogger-hacks/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;">Web</label></li><li style="display:inline;padding-right:10px;"><input id="site_radio" checked="checked" style="vertical-align:middle;margin-right:5px; " value="YOUR-BLOG-URL" name="vs" type="radio"/><label for="site_radio" style="display:inline;vertical-align:middle; padding-top:2px;">this Blog</label></li></span></form></div>

Note : Remember to replace YOUR-BLOG-URL with your real blog URL.

Look at below.

  • File Under : gadget, google, widget

    Related Posts

    Leave a Reply