Monday, August 14, 2017

How to add Gadget/Widget inside Blogger Blog Header for AdSense Ads

When it comes to Google Adsense, Earning with this ads network depends on how well we are able to intergrate the ads on our blog. so today on thebloggertricks we will learn how to add Gadget/Widget inside Blogger Blog Header for Adsense Ads.


Please before anything do make sure that you Backup your current Blogger Theme in case any thing goes wrong you can easily restore the original working template.

To make a Backup of your current Blogger Theme, go to "Template" and look for the "Backup/Restore" button on the upper right side. Clicking on this button will prompt you to save your existing template as an XML file to your hard drive. You can change the name of the file and choose the location to ensure it is easy to find if you need to use this later.

Guide on How to add Gadget/Widget inside Blogger Blog Header for AdSense Ads:

Step 1: Log in to your Dashboard

Check Also: How to Make Adsense Ads Appear In the Middle of Blogger Post

Step 2: Go to Layout --> Edit HTML

Step 3: Click any where inside the code area and to open a search box type CTRL+F from keyboard.

Check Also: How to Add Adsense Ads Below First Post in Blogger

Step 4: Type or paste following code into the search box and hit enter.

 <div class='region-inner header-inner'>

Step 5: There you will see this code, Similar to the one below.

[<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> ]

Step 6: Replace the Black value like this

[<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='3' showaddelement='yes'> ]

Step 7: Click Preview and click save template.

Check Also: How to Add Responsive Popup Splash Ads to Blogger

Step 8: Go back to layout section

Step 9: You should now see a new ‘Add a Gadget’ button above your header

Step 10: Add a HTMl/javascript gadget above header and put your adsense code in the gadget, save it and you are done.

Check Also: How to Remove Ads only on The Blogger Homepage

Finally visit your blog to confirm that your adsense ads is active, if you face any problem, you can ask me in comments.
How to add Gadget/Widget inside Blogger Blog Header for AdSense Ads
4/ 5

Subscribe via email

Get our latest updates straight to your inbox.


Write comments
18 August 2017 at 10:54

Your blog redirects to while visiting from mobile

18 August 2017 at 14:24

Have Fixed That already. thank you very much for informing us.