Add a Search Box Widget in Blogger in Simple Steps

Now a days blogger is only website builder and blogging platform which is highly recommended by users and publishers because their is no need to learn PHP and other coding things. So blogger is own by Google to it's easy to ranked in Google and dose not need some special optimization tips. But we will a search engine in a blogger blog by defaults most of the templates have this widget but some old template does not have this widget. This widget not only make your blog user friendly but also help to increase your blog traffic. So lets started, you just to need the follow the below simple steps you don't need any training in terms of PHP or any other coding.

How to Add a Search Box Widget in Blogger in Simple Steps

• Login to blogger dashboard.
• Goto layout.
• Click on Add a Gadget >> HTML/JavaScript.
• Paste the below code inside it and click on save button.

Also Read: How to Create a Full Page in Blogger

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

That's all now check this widget it work perfect. If you have any problem with widget please comment it.