Put Your Own Customized Search Box to Your Blogger

This topic is about your Template Design. If you want to put your own search box for your blog at navbar (Bar where "Home" is located)then this is the simple process to put search box.

Do the Following Steps:

1- Go to Design and Select Edit HTML
2- Check the "Expand Widget Templates"

3- Press Control+F and type title='Home'


4- Put your Search Button URL if you want your own search button and replace Yellow selection with your uploaded search button link

<div id='nav-right'>
<form action='/search' id='searchbarform' method='get'>
<div id='search'>
<input id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search This Site...&quot;;}' onfocus='if (this.value == &quot;Search This Site...&quot;) {this.value = &quot;&quot;}' type='text' value='Search This Site...'/> <input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmfxSZG1ensZk512aDh6Lu2XWxTsRJRHNOn49h9o52HWVOHJPBCDH9CVyvrwHKcHPY3csh8Am8IpY1RRdHfB7Bbwk4bwBlBxwzIGHtKBiRD0EXtYu4ExVxI4SqNPLQXjux5N0vaG49-t44/s1600/search-button.gif' type='image' value=''/>
</div><!--/search -->
</form>
</div><!--/nav-right -->
<!--end #search -->

5- Copy the code and Paste it to:

6- Click "SAVE TEMPLATE" and check your blog.

If any query please contact or ask in comment.