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?
Write About Or Link To This Post On Your Blog - Easy Links :
Link Directly To This Post :
Link To The Homepage :
Link Directly To This Post :
Link To The Homepage :
Hey ! People That Read This Post Also Loved These Posts
Still Looking For Something ?
Search This Blog
Custom Search
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.




