"Add A Gadget" In Blogger Header

Header are a very strategic part of a website, including Blogger / Blogspot too. Therefore, it will be great to put ads or other gadgets there. Unfortunately, default Blogger settings do not allow any users to add any gadget there. Fortunately, we can edit the setting to enable gadget addition there. This is a very easy modification yet very useful, trust me.

Here is how we do it. First we need login to Blogger. From the dashboard, we need to go to "layout" section and access “edit HTML”. Then back up the template for precautions (download full template). Then check the “expand template widgets” (opt to view them), and then find these codes:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

It well be very fast if we use browsers search / find tool. In Mozilla Firefox, the shortcut is Ctrl + F. Once we have found it, we have to replace the codes with these ones:

<b:section class='header' id='header' showaddelement='yes'>

Then save the template, and done. To check it visit your "layout" >> "page elements". Pay attention that now there is a menu “add a gadget” above your header. Like this:

example image

You can add many things with the menu (like in your sidebar), including ads and images. Simple but SWEET!

13 comments:

Isaac Yassar said...

@F.A.B: Thanks and you're welcome. It's my pleasure to help.

Cricket Live Score said...

Nice information there...

Isaac, may i know from where you got this cool template.

Isaac Yassar said...

@C.L.S: Thanks. Sure, I edit the default Minima template into this one manually, using default "layout" tools.

assasins stealth said...

hi um how do i post this but at the bottem of the page

Isaac Yassar said...

@Assasins Stealth: Go to your dashboard >> layout >> page elements, click "add a gadget" in the bottom of the page (footer).

BloggerTinker said...

Hi Isaac,

I also have a tutorial the same as this post but with additional tweaks so that you could rearrange your Header widgets.

please take a look here:
http://bloggertinker.blogspot.com/2009/03/how-to-put-additional-widgetsgadgets-in.html
How to put additional widgets/gadgets in your Header in Blogger

Thanks!^_^

chastesager said...

Isaac Templates is Great and Clean.. Like mine :) Thanks bro Isaac..

See this http://www.chastesager.blogspot.com

Yvonne said...

Nice tutorial, how if i want to put it below the header image?

Yvonne said...

and oh..one more question, do you know how to put random post (with pictures) in blogger?

Isaac Yassar said...

@Yvonne:
(1) By default, if you add something in the header, it will appear below the header image. Unless you move it somewhere.
(2) You can try this, but I've never tested it myself.

Yvonne said...

Thank you brotha, this really help

NathanKP said...

Thanks for mentioning my random post link addon. It is being used in about ten or so blogs that I know of right now, so it should work well in all blogger blogs.

You just have to have a monthly archive widget on your blog.

NathanKP - Inkweaver Review

john said...

I was looking for exact thing. Thank you very much.