Put Your Own Customized Search Box to Your Blogger Navbar

Tuesday 17 July 2012

Put Your Own Customized Search Box to Your Blogger Navbar

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 == "") {this.value = "Search This Site...";}' onfocus='if (this.value == "Search This Site...") {this.value = ""}' type='text' value='Search This Site...'/> <input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujREMWZ3RIDSxFkG6a995FlGYAifpPfq7tHgcW-1q5_d69MJ8jE8axny39SKQE8H_VIlfcBtElv_X4I3cdUUMv9YI8ILKHEDZhsAwcrxznOZyaV8_aF0GNkcAYB27AIdMxXU1WXylBNKf/s1600/search-button.gif' type='image' value=''/>
        </div>
      </form>
    </div>

5- Copy the code and Paste it to: