How to put a gadget above your blog's header
This article is about how to put an item (any type of gadget) above the Title section in a blog made with Google Blogger.
If your blog has a layout or designer template, then (almost?) all of Blogger's templates start out with a nav-bar at the top of the screen, followed by a Header section showing your blogs title & description, or a custom header image if you've uploaded one.
And even if you go into the place in the layout-designer where you can re-arrange the layout by drag-and-dropping items, you cannot drag any gadgets to above the header.
But this is easy to change, provided you are willing to accept the disadvantages of editing your blog's layout template.
1 Edit your blog's template in the usual way
2 Find this code in your template:
4 Change it to
Job Done: after you have successfully saved this change, then the next time you edit your blog layout (Dashboard > Layout ), then you will find that you can add or drag-and-drop up to three gadgets to the Heading section of the blog, making a total of four.
You can add even more gadgets by changing the number for maxwidgets to something else.
How to set up an extra administrator for your blog
Types of Blogger template
Planning changes to your blog - in private
How the data in Blogger blogs is organised
How to edit your Blogger template
If your blog has a layout or designer template, then (almost?) all of Blogger's templates start out with a nav-bar at the top of the screen, followed by a Header section showing your blogs title & description, or a custom header image if you've uploaded one.
And even if you go into the place in the layout-designer where you can re-arrange the layout by drag-and-dropping items, you cannot drag any gadgets to above the header.
But this is easy to change, provided you are willing to accept the disadvantages of editing your blog's layout template.
How to allow changes above your blog's header
Follow these steps to make it possible for you (or any blog administrator) to add gadgets to the area about your blog's heading section:1 Edit your blog's template in the usual way
2 Find this code in your template:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>Hint: use the template-editor search tool, to look for a key phrase like "id='Header1'
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE(Header)' type='Header'/>
4 Change it to
<b:section class='header' id='header' maxwidgets='4' showaddelement='yes'>Notice that there are two changes made:
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE(Header)' type='Header'/>
- Setting maxwidgets to greater than 1, and
- Setting showaddelement to Yes, instead of No
Job Done: after you have successfully saved this change, then the next time you edit your blog layout (Dashboard > Layout ), then you will find that you can add or drag-and-drop up to three gadgets to the Heading section of the blog, making a total of four.
You can add even more gadgets by changing the number for maxwidgets to something else.
Related Articles
Disadvantages of editing your blog's layout templateHow to set up an extra administrator for your blog
Types of Blogger template
Planning changes to your blog - in private
How the data in Blogger blogs is organised
How to edit your Blogger template
How to put a gadget above your blog's header
Reviewed by Animatrix
on
2:34:00 PM
Rating:
No comments: