Simple Search Box Widget in Blogger
Style No 1 :
CODE :
<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 :
CODE :
<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 :
CODE :
<input id="search-box" name="q" size="25" type="text" value="Enter search terms"/><input id="search-btn" value="Search" type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3VBmOuhfd-8LVemepUqFCg6xGFwBJzZewx6_wbsbdivqqLqdxxtoQd0SMcnD-36sJMmQDEiJiIxv6Ge_peIj40L8cJB4eIC06p4XFOyldQbq1pK32i5EvoZ3EziHUp_S5BGZ8qs-B4Ug/s1600/search_icon+onetimeeverydays.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>
Go to Blogger.com
Layout Add Gadget/Page Element
HTML/JavaScript
then paste the code
Then Press Save Button
Increase your backlinks comment below