Monday, January 22, 2018

How To Add Gadget/Widget Inside Blogger Blog Header For AdSense

Add Gadget/Widget Inside Blogger Blog Header For AdSense Ads

Do you want to showing Adsense Ads to your Blog as like me?

How to add adsense ads in blogspot

But don't know how to add Gadget/Widget Inside Blogger Blog Header For Adsense Ads. Don't worry about that Still  I'm here to help you about this type of problem. Lets start!

NOTE: Before Start, You need to make a back-up of our Blogger template so that if you do make any mistake/errors, You can easily restore the original working template to our blog.

#1. Sign In to your Blogger >Theme/Template > Edit HTML

#2. Click Inside your Template Code Area and Press Using Keyboard CTRL+F

How to add adsense ads in blogspot

#3. Add this code inside the search box, then hit Enter to find it
<b:section class='header' id='header' maxwidgets=
#4. Replace these code same as like I mentioned
<b:section class='header header-left' id='header' maxwidgets=
#5. Now you need to find the following code inside your template using search box
<div class='header-cap-bottom cap-bottom'>
#6. And just above this line, we should see two div tags

</div>
</div>
<div class='header-cap-bottom cap-bottom'>

#7. Paste the HTML code below above these div tags
<div style='clear:both;'/>
#8. Add new Gadget/Widget Element to the Blogger Header

Just above <div style='clear:both;'/> (#6)..add this code
<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>
#9. Now find this Code

</head>

#10. Just above the </head> Code with this CSS

<style>
.header-left{
display: inline-block;
float: left;
}
#header-right {
display:inline-block;
float:right;
}
</style>



#11. Now Save Template to change the save

#12Go to Layout of your blogger and you should see two gadgets on the header area

You don't have to worry if the Add a Gadget element doesn't appear side by side as every blogger template is different. They might be slightly up or down or sometimes they might overlap each other. Just make sure that you drag the newly created widget just below the Header section

How to add adsense ads in blogspot

The header section could be one of the most valuable places in a blog. In that Gadget/Widget you can add anything like Adsense ads, search boxes, social sharing buttons or as you like best, Sell your blogger space for advertisement and increase your income easily.
Related Posts

0 Comments: