How to add a widget to the header in blogger techpro365

Many blogger templates will have a feature that allows you to add an extra widget to the header section. The single column structure templates will not have this feature.

In this tutorial I will tell you ‘How to add a widget to the header section’ in blogger.

We have to make some simple changes to the template. Don’t worry; I will help you through this. Before making any changes “please backup your template”.

Follow these steps:

Log in to blogger dashboard.
Go to template. Click “Backup/Restore”. Click “Download full template”.
After downloading your template, click “Edit HTML”.
Search /*Header or /*-----Header (something like this).
Now below it add this piece of code.

Find <b:section class=’header’ id=’header’ maxwidgets=’1’> and replace it with

Now search for </header> and add the below code before the header.

Find ]]></b:skin> and before it add the following CSS code.

Now save your template and see the layout of your template, you will find an ‘Add a Gadget’ box to the right of your header.
You can make changes to the font-size, width, float and other parameters according to your template.

If you have any genuine problems regarding this post please feel free to contact.

Print Page

Do you like this post? Please link back to this article by copying one of the codes below.

URL:

https://techpro365.blogspot.com/2013/08/how-to-add-widget-to-header-in-blogger.html

HTML link code:

                        <a href="
                        https://techpro365.blogspot.com/2013/08/how-to-add-widget-to-header-in-blogger.html
                        ">
                        How to add a widget to the header in blogger
                        </a>

BB link code:

                        [url=
                        https://techpro365.blogspot.com/2013/08/how-to-add-widget-to-header-in-blogger.html
                        ]
                        How to add a widget to the header in blogger
                        [/url]