How to Add Gadget Section in Every Blogger's Blog header

You should have noticed that we always cannot add widget in header section because often the header section of blog is locked and there is not provide any widget section. This can be an another tips, impression or whatever you say, to increase your adsense money or any other monotization.
All bloggers want to increase their money through blogging, so putting ads on recommended place, this can be better money making technique. Here we are going to learn how to add widget or gadget in the right side of the blogger head section where you can put adsense ads or leave for people’s ads place. When you going to put this gadget on any section, first of all you should know how many space the widget going to reserve.

We always recommend you to keep back up your blog’s template before any changes are going to take in your templates.

OK let’s start the lesson step by step:-


1. As usual, login into you blogger dashboard
2. Go to Template>>Edit HTML
3. Click any place inside the template and click CTRL+F to find the code <b:section class='header' id='header' 
4. And then replace only the class=’header’ with class=’header left-header’.
5. After that again find the code <div class='header-cap-bottom cap-bottom'>. Above this you can see two ending div. 
      </div></div>
     <div class='header-cap-bottom cap-bottom'>
6. Paste the given code above them. 
       <div style='clear:both;'/>
7. And then it’s time to make new gadget area. Let’s add new gadget elements
8. Then paste the given code before the code  <div style='clear:both;'/>
<b:section class='right-header  crosscol' id='right-header' maxwidgets='1'         showaddelement='yes'/>


Now it is the time to add the CSS codes


Find the <head> tag and the add the given css below this tag
<style>.left-header{display: inline-block;float: left;}#right-header {display:inline-block;float:right;}</style>
At last Click on Save Template button to save the template and go to the layout button to see the widget area.
Add  Widget in header right

Thank you for visiting us.

Post a Comment

0 Comments