Add Search Box Widget in Blogger Simple Steps

There days Blogger is the only website builder which is highly recommanded by the users as well as the publisher just because it is easy to use no need to learn coding.php and other things And because it is own by Google so its easy to ranked well in Google that did not means it does not need some Search engine optimization Tips.But today we will add a search engine in Blogger while most of the template have this widget built-in but some old template does not have this.This widget will not only make your website user friendly but also increase your traffic as your content will reach its desirable audience by search widget.So let us get started,let me tell you the steps are very simple so you don't need any training in terms of php or Etc 

Step No 1:Adding Html Code

First copy the following Style code you like the most make sure you copy only one code Then Go to Blogger.com Then >> Your Blog >> Layout >> Add Gadget/Page Element >>> HTML/JavaScript >>> then paste the code which is below >> Then Press Save Button And you are done

Style No 1: 

                                                                                                                                                                                                                                                                                                                    <form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Go" type="submit"/></form>                                                                                         

Style No 2: 

                                                                                                                                                                                                                                                                                                                    

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" style="background: #ccccff; border: 2px solid #000066"/><input id="search-btn" value="Search" type="submit" style="background: #000066; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"/></form>                                                                                      

Style No 3: 

<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" size="25" type="text" value="Enter search terms"/><input id="search-btn" value="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/16x16/search_magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>

And Thats All now just check this widget it will work perfect.If there is any problem with the widget please let us know i the comment if you want to increase your backlinks do visit this Using Forum to Built Backlinks FREE.

Kindly Bookmark this Post using your favorite Bookmarking service: