Get the latest updates from us for free

Adding Search Box Widget in Blogger



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 till then Peace and Blessings.

0 comments:

Confused? Feel free to ask

 

Techies

Sponsors

Sponsors

Protection Status

Follow me on Google+

MyFreeCopyright.com Registered & Protected

Advertisements!

Advertisements!

Followers

Copyright © 2012 All Rights Reserved. Any Article on This Blog can not be repost or reproduce in any form without the permission of Author.