Adding Search Box Widget in Blogger Simple Steps

Advertisements
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
 
Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.