Adding Search Box Widget in Blogger Simple Steps
Friday, December 23, 2011
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: Online Live Preview
<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: Online Live Preview
<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: Online Live Preview
<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