How To Add Multi Search Widget to Blogger

1.Log in to your dashboard--> layout- -> Edit HTML

2.Scroll down to where you see this:

]]>

3.Now add below code just above ]]>

 tag.

/** css for the search box */ div#pm-search ul { /* unordered list */ margin-top: 0; margin-right: 0; margin-left: 0px; margin-bottom: 5px; padding: 0; } div#pm-search li { /* each list element */ list-style-type: none; /* don't edit this */ display: inline; /* don't edit this */ cursor: pointer; /* don't edit this */ margin-top: 0; margin-bottom: 0; margin-right: 5px; margin-left: 0px; text-indent: 0px; padding: 0; } div#pm-search form { /* the search form */ margin: 0; padding: 0; } div#pm-search-h { display: block; /* don't edit this */ } div#pm-search-g, div#pm-search-b, div#pm-search-t { display: none; /* don't edit this */ } div#pm-search input { /* the textbox and submit button */ background-color: transparent; border: 1px dotted #999; color: #999; } .pm-search-selected { /* which search service is currently selected */ color: #999; border-bottom: 1px dotted #999; } .pm-search-unselected { /* which search services are not selected */ color: #777; border-bottom: 1px dotted #777; }

4.Now again Scroll down to where you see this:

5.Now add below code just above 

 tag .

6.Now save your template.

7.Go to Layout > Page Elements

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

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

here google blogger technorati

Note : Remember to replace YOURBLOG with your real blog name.

It will look like this.