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?
Similar Posts
- Disqus, Intense Debate And Livefyre – Use The Top Comment Systems On Blogger
- Quick Tip – Fix Images Breaking Out Over The Sidebar On Blogger
- Christmas Decoration Social Bookmarking Gadget For Blogger Blogs
- Cool New Christmas Snow Storm Effect For Blogger Blogs
- Stylish Subscribe Icons Widget For Blogger And WordPress
