Add Google Adsense to Blogger Header (Above the Title)


Tutorials - Tutorials

User Rating: / 0

Add Google Adsense to Blogger Header (Above the Title)

In some of my last tutorials (Social Media Buttons beside Adsense ads Adsense inside Blogger Header ), you've seen a few tricks for Adsense ads placement that may help you to increase your adsense earnings. Now, I will show you how to add Google Adsense above your header, for instance, just above the title of your Blogger blog. This can be done by adjusting your template to give you the option of adding more than one widget to the header area.

Add a new element to Blogger header

Step 1. From your Blogger Dashboard, go to Template and click on the Edit HTML button (it is recommended to make a backup first - click on the Backup/Restore button on the right side)
Step 2. Click anywhere inside the code area and press the CTRL + F keys to open Blogger' search box:
Step 3. Paste or type the following code inside the search box and hit Enter to find it:
<div id='header-wrapper'>
Note: if you can't find that one, try to find this one instead:
<div class='region-inner header-inner'>
Step 4. Just below one of these lines, you should see this line:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Step 5. Replace the values in red like in this example:
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
Step 6. Click on the Save Template button to save the changes.

Adding the Adsense ad unit above the Blogger header

Step 7. Go to Layout (left side) and on the right side you should see a new section that will allow you to add a gadget to the header area

page elements, blogger, add a gadget

Step 8. Click on Add a Gadget link and select the Google Adsense gadget.

adsense gadget, blogger widgets

In case you want to add the script of an ad from your AdSense account, choose the HTML/JavaScript gadget and paste the script inside the empty box, then click on Save button.

html javascript gadget, blogger gadgets

If you don't know how to create an AdSense ad, please read this tutorial: 
How to Add Adsense ads on Blogger

Choose the type of ad unit you want. In my example, I added a new Adsense 728x15 ad link unit I thought would look good above the blog title. Color blending is usually done automatically by Blogger according to the color schema of your template but you can choose any other colors.

Step 9. Click on the Save arrangement button on the right side.

blogger save arrangement

Now view your blog to see your new Google Adsense unit. If all is going well, your new AdSense ad unit should appear above your blog's title or logo:

adsense ads above header

Note: it may take a while for your ads to show if you created an ad unit on your AdSense account

This is a very good Adsense placement that can help you to increase the CTR of your blog.

About Us

Royal Developer Top three Web Designing and Web Development Company in Dehradun, Uttarakhand, India. Royal Developer Best SEO Company in Dehradun takes pride in its philosophy of 'Employee First' which empowers to create a real value for the customers. Royal Developer can offer Best and cheap Website Development Software Development & SEO Services. We are the Best service Provider of SEO, SEM, SMO Services Company in Uttarakhand. Web Designing Course in Dehradun, Web Designing Classes in Dehradun, Web Design Training Institute in Dehradun, Web designing institute in dehradun, Best institute for web designing in dehradun, Web development training in dehradun, Web development course in dehradun, Web Designing Training in Dehradun.


- Contact Information - 

Add : RDIT Services Pvt Ltd, 3rd Floor, RGM Plaza, Above Chandu Canteen,
          23 Chakrata Road, Dehradun - 248001, Uttarakhand, India

Email : 


 : +91 8171200108, +91 8979462451,
                                  +91 7895753921

Quick Enquiry Form

Enter your full name

Enter your valid email address

Enter your correct mobile number

Invalid Input

Your Message
Invalid Input

Enter Code
Enter Code
  RefreshInvalid Input


You are here: Home Tutorials Add Google Adsense to Blogger Header (Above the Title)