Add Gadget/Widget Inside Blogger Blog Header For AdSense Ads
Do you want to showing Adsense Ads to your Blog as like me?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
#3. Add this code inside the search box, then hit Enter to find it
#4. Replace these code same as like I mentioned
#5. Now you need to find the following code inside your template using search box
#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
#8. Add new Gadget/Widget Element to the Blogger Header
Just above <div style='clear:both;'/> (#6)..add this code
#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
#12. Go 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
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.
0 Comments: