As we all know we can rearranged our gadgets/widgets in the layout designer by drag-n-drop, but we can hardly drop it right above the header, so in this tutorial that I'm going to share with you how to put/add a gadget/widget above the blog header with step by step procedure with pictures.
So here's how:
of course log-in first to blogger.com
Step 1. Backup your template. - It's very important to backup your template first, so that if something went wrong you can easily restore your old template.
On your Blogger Dashboard click/drop-down 'more option' and Click Template then at the upper right portion click Backup/Restore, and Download the full template.
Step 2. After downloading the backup template, click Edit Html see figure 1
Figure 1 - Add Widget/Gadget above header |
Step 3. Locate or find this code below. Change the value of maxwidget to '5' and showaddelement to 'yes' see figure 2 then Save Template. After saving click on Blogger Dashboard.
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Figure 2 - Add Widget/Gadget above header |
Step 4. On your Blogger Dashboard click/drop-down 'more option' and Click Layout. Now you can see Add a Gadget link on you layout-design.
Figure 3 - Add Widget/Gadget above header |
And your Done! you can now add gadgets above Header. Thanks!
19 Comments
Thanks for you share tips
ReplyDeleteThanks for the easy to follow instructions.Thanks for providing such a great article, it was excellent and very informative. As a first time visitor to your blog I am very impressed.
ReplyDeletewebsite design
Very useful info.
ReplyDeleteThanks for dropping by :)
kunjungan pagi sob
ReplyDeletethanks man simple and cool!
ReplyDeleteOh finally! I've been looking trying to figure it out for ages! thanks so much master!
ReplyDeletehow can you post it below the header instead on below? thank you for sharing your tips!
ReplyDeletehow add lightbox effect in images blogger...look like yours ?? and thank u
ReplyDeleteHow to move that widget to right, or downside?
ReplyDeleteHow to move that widget to right, or downside? I have added a widget on my blog's header now I want to move it upon the right side of header.
ReplyDeleteHi, you can just click and drag the widget to right or down. :)
Deletepages showing vertical direction :(
ReplyDeletenice article
ReplyDeleteGreat article, i;m learning so much from your site. Thanks for providing these articles, see my blog where i'm editing according to your articles.
ReplyDeletehttp://www.techora.net/
Take the time to visit the me http://whistory.org/index.php/category/literature/ and say that the change in design and meniu
ReplyDeleteYes, I am entirely agreed with this article, and I just want say that this article is very helpful and enlightening. I also have some precious piece of concerned info !!!!!!Thanks. gadgetcouncil
ReplyDeleteChina is a known for its gadgets in today's world. It has become the one stop shop for the people to buy gadgets as china offers the best and lowest price for the consumers.Ashutosh
ReplyDeleteI wanted to thank you for this great read!! I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post. Body Kit
ReplyDeleteIt may be the newness or coolness but down inside all of us we have that mindset to like new things that are fascinating to our minds. I would like to place gadgets in several different categories.best stuff
ReplyDelete