How To Put Adsense Ads 728×90 Leaderboard Below Nav Bar in Blogger

Putting the  728×90 Leaderboard Google Adsense Ads or any other advertisement provider such as media below the nav bar in blogger is quite easy if you know the right steps follow. Apparently, the built blogger Adsense widget doesn’t make provision for below the navigation menu bar so you need to mess around with your template code to put the ads.

That ads position is a very good one because it is the first place a person that lands on your blog at any times sees before scrolling down to view other contents, and also, it is close to the navigation menu of the blog.
So here is how to go about putting the ads below navigation menu in blogger

Tips: Google Adsense Account Banned? Try this althernatives that Pays

How To Put Google Adsense 728×90 Leaderboard Below Nav Bar 

Before you do anything, you should backup your template so if anything goes wrong ( no worries, nothing can possibly go wrong) you can easily restore.
Click on Template and select the Backup/Restore located at the right side of the page

After you  have backup the template, click on Template and select Edit HTML and it would display your template code.
Use the search bar to locate this line of code


 <a expr:href=’data:blog.homepageUrl’ title=’Home’>
ads below nav menuThe above code is the first line of youe navigation menu bar. Scroll down until you reach the last item on your nav bar. Directly below it is where you  should put the code. But old on a second. Am sure you know pasting the javascript code directly wouldn’t work. You have to parse the code first so that it would be compatible with blogger. Click here to for a parser tool. 
The parsed code is going to look something like this
      &lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
      google_ad_client = &quot;ca-pub-xxxxxxxxxxxxxxxxxxxxx&quot;;
      /* header-skycrapper */
      google_ad_slot = &quot;8223913669&quot;;
      google_ad_width = 728;
      google_ad_height = 90;
      //–&gt;
      &lt;/script&gt;
      &lt;script type=&quot;text/javascript&quot;
      src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
      &lt;/script&gt;
After parsing, Add a 

<br/>
<div align=’center’> 
Now Paste the Ads code here
 </div>
Something like this
<br/>
<div align=’center’> 
&lt;script type=&quot;text/javascript&quot;&gt;&lt;!–
google_ad_client = &quot;ca-pub-xxxxxxxxxxxxxxxxxxxxx&quot;;
/* header-skycrapper */
google_ad_slot = &quot;8223913669&quot;;
google_ad_width = 728;
google_ad_height = 90;
//–&gt;
&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot;&gt;
&lt;/script&gt;

</div>

ALSO READ
How to add mailchimp form to blogger, wordpress, Joomla & etc.

That’s it. You are done, now click the save template. Go to your blog and preview it.

Previous ItemHow to Put Adsense Ads Below Post Title In Blogger PC/Mobile Themes
Next ItemHow To Add Notification Bar In Blogger Easily (Blogspot)
Kyle Stevens
Kyle Stevens is an out going creative writer and tech blogger who has a passion for helping people and building creativity in the mind, through his outstanding tutorials, articles and excellent reviews of any gadget.

1 COMMENT

  1. Great tips I will apply it now. Thank you.

LEAVE A REPLY

Please enter your comment!
Please enter your name here