How to Add Search form to Blogger

If you are new to Blogger then you should know that there are lots of chances that Search form get missing from your blogger homepage, if you want to add search form in your blogger homepage then I will help you to do so. For adding search form at homepage you have to follow the instructions given below:

1. Sign In to your Blogger Account.
2. Under Template >Page Elements tab.
3. Click “Add a Page Element”.
4. Select HTML/JavaScript and add the below codes:

Form Style 1:

Preview:

Code:

<form id=’searchthis’ action=’/search’ style=’display:inline;’ method=’get’><input id=”searchBox” name=”q” type=”text” /> <input id=”searchButton” value=”Search” type=”submit” /></form>

Form Style 2:

Preview:

Code:

<form id=’searchthis’ action=’/search’ style=’display:inline;’ method=’get’>
<input id=”search-box” name=”q” size=”25″ type=”text” style=”background: #ffffff; border: 1px solid #000000″ /> <input id=”search-btn” value=”Search” type=”submit” style=”background: #000000; color: #ffffff; font-weight: bold;” /></form>

Form Style 3:

Preview:

Code:

<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://files.myopera.com/rahul964/albums/3474512/search.png” style=”margin-left: 5px; margin: 3px 0 0 5px;” /></form>

Thats All. If you have any queries then you can contact me using Contact Page. Remember, I have already posted lots of Articles for Blogger which includes tips and Tricks. You can Browse them all using Webmaster Category.