Friday, 23 December 2011

Adding 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: 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
 
Adding Search Box Widget in Blogger Simple Steps
4/ 5
By

GET OUR BLOGGING SECRETS DIRECTLY TO YOUR INBOX!

Want access to our blogging secrets,We never shared on our blog.Just enter your email address below to get access to our 3 ultimate guides on how to run a successful blog!

Dear Reader! We’re enthusiastic to see your comment but after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me.
Let’s enjoy a personal and evocative conversation. Thank You!