How to Add Search Box to Blogger

I don't know about others but I am not amused by the default Search Box in Blogger. Now getting to the point lets say you are a passionate blogger and you like blogging too, then you may want to provide what your viewers are looking for; but without the Search Box it will be very hard for them to find their desired content.

By using this tutorial you can add a good looking Search Box to your blog; just follow the below steps.
  

Step-wise Tutorial : How to Add Search Box to Blogger

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Layout

Step 3 : Click on Add a Gadget

Step 4 : Now a pop up window will open, scroll down and click on HTML/JavaScript



Step 5 : Now paste the below code in Content box and click on Save

view plainprint?

1. <style>  
2. #abt-search-btn {  
3.     background: none repeat scroll 0 0 #7070DB;  
4.     border: 0 none;  
5.     border-radius: 0 0 0 0;  
6.     color: #FFFFFF;  
7.     font-weight: 700;  
8.     padding: 10px 20px;  
9. }  
10. #abt-search-box {  
11.     background: none repeat scroll 0 0 #FFF0FF;  
12.     border: 0 none;  
13.     padding: 10px;  
14.     width: 170px;  
15. }  
16. </style>  
17. <form id="searchthis" action="/search" style="display:inline;" method="get">  
18. <input id="abt-search-box" name="q" size="40" type="text" placeholder="Type Here..."/>  
19. <input id="abt-search-btn" value="Search" type="submit"/>  
20.   
21. </form>  

Happy Blogging!