In this post I'm going to show you an easy trick to add a Google Custom Search Box to your Blogger header area.

I'm sure you have seen plenty of blogs (Including this one) with search boxes and other content in the header section.

I think it makes good use of the free space in your header area and gives your blog a more professional look.

If you dont have a Google Custom Search Box To Use,In a previous post i showed you how to get a Google Custom Search box for your blog Click Here for that post.


The search box will be positioned differently than it is in my header.
To see a Demonstration of how it will look Click Here.

Adding the search box is easy here's how its done :


1.Click 'layout'-> 'Edit html' for your blog.
(Tick The 'Expand Widget Templates' Box)

2.Find the following piece of code in your blogs html:
(Click 'Ctrl F' for a search box to find the code)

<p class='description'><span><data:description/></span></p>

3.Paste the code for your search box directly Below the code above.

Before we finish : If you need more help or have an opinion or suggestion Please leave a comment Below. To help you this is a Do-Follow Blog leaving a comment will also help your blogs Google rank. OK Back to business ....

Example:


<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>

<-----YOUR SEARCH BOX CODE GOES HERE----->

</div>
</b:includable>


Thats it !

Once you have added the code click save and your done.

Has it worked well on your blog?

---

Comments : We are using Discus comments so you have more options when commenting.
If your asking a question or looking for extra help make sure to subscribe to comments by Mail and you will be notified when i reply.