Monday, November 16, 2009

How To Add Gadgets Above Or Below The Header In Blogger

In this post i will show you how to edit your blog to allow gadgets be placed above or below your blogs header section.This is great for adding Menu bars, adsense, search bars and moreIn most blogger templates you can add gadgets to your sidebars and under or over your posts but by default not below or above the header area.You can however make a quick change to your blogs html that will allow you to add gadgets below or above your blogs header.

You can also add gadgets like adsense inside your header section Click Here to see a post on this.

Take a look at how i changed this sample blog to allow the gadgets :


Blogger maxwidgets
In this image you can see the gadget is not allowed below or above the header.









Add gadgets above header blogger
Now once the code is changed we can add gadgets above the header.....










Add gadgets to header blogger
And we can also add gadgets below the header.










Heres how to make the changes :

1.Click 'Layout'-->'Edit Html' for your blog

2.Find the following piece of code in your blogs html :
(use 'ctrl f' for a search bar to find the code)



<div id="header-wrapper">



3.This is the section of code you will see under <div id="header-wrapper">



<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="true" title="Sample Blog (Header)" type="Header">
</b:widget>
</b:section></div>


All you have to do is change the 'Maxwidgets' from '1' as seen above to '5' as seen below :



<div id="header-wrapper">
<b:section class="header" id="header" maxwidgets="5" showaddelement="no">
<b:widget id="Header1" locked="true" title="Sample Blog (Header)" type="Header">
</b:widget>
</b:section></div>


We Are Nearly Finished:If you need more help or have an opinion or suggestion Please leave a comment Below.This is a Do-Follow Blog so leaving a comment will also help Your blogs Google rank.

You could change it from 5 to as many as you want but its unlikely you would want to add more than five gadgets.

You can also add a wide gadget across the entire width of your blog under the header check it out !

Click save and your finished Gadgets can now be added above and below the header!

What do you think ?


Did You Like This Post ? Click Like Below To Let Us And Your Friends Know - Thanks !





Jump To Comments

Subscribe To The Rss Feed Or Recieve The Latest Posts By Email

Get The Latest Full Posts By Email - It's Free
Write About Or Link To This Post On Your Blog - Easy Links :
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
Important Must Read Before Posting A Comment

In order to keep our comments Do-Follow we have some guidelines you need to follow.
Do not put links in the body of your comment as it will automatically be blocked !
Asking a question ? Make sure to tick the subscribe to comments by email box to be alerted of the reply.
blog comments powered by Disqus
 

Some Money Makers For Your Blog

1. Info Barrel Paid To Write, if you can write a blog you can write for I.B.

1. Xomba Paid To Write, Another great paid to write articles website

3. Chitika Ads For Your Blog, work well alongside AdSense

Thanks For Calling

free counters

Five From The Archive

Who Writes This Stuff ?

Hi Im Paul Crowe,

The Author Of Spice Up Your Blog To Get More Info About Me View My Full About Me Page.

Drop Down Archive

Admin Links