20 Ways To Make $5000+ From Home. Earn Now!

Table of Content

How To Add Large LeaderBoard Adsense Ads Below Header

Show Create large leaderboard banner billboard ads add a gadget box 970x90 section to display the adsense ads or third party ad below down the blogger header head before the post title or just above the footer in blogspot template.
How To Add Large LeaderBoard Adsense Ads Below Header in blogger template
Hello Guys, We are again here with another tutorial to explain How to add a large leaderboards adsense ads 970 x 90 in blogger template.You might have seen in so many sites that they are using leaderboards ads below the header.In previous post we have already talked about How to add a gadget section below the header or above the footer in blogger template. Today in this article we will explain to install 970 x 90 large leaderboards ads for adsense or any other third party advertisement company.The benefit of these kinds ads is that they will surely help you to increase you revenue from your website easily , because whenever the visitor will enter in your website or blog they will first see the beautiful large billboard ads banner then they can only go through the page.so there is a big chance to increase your earning from adsense.
We have used CSS for styling the leaderboard ads border edges, we have given hover effect on the edges also.You can add this 970 x 90 ad unit in your blogger header or also in blogger footer.so to grab this widget follow the steps mentioned below.

How to install large leaderboard 970x90 adsense ads unit inside the blogger template

installation steps:

Step 1. Log in to your Blogger account and Go to your Blogger Dashboard.
Step 2. Now Click on -> Template -> Edit HTML.
Step 3. Now Search for ]]></b:skin> or </style> by Pressing Ctrl+F keys.
Step 4. Copy the below CSS code and paste it just before the ]]></b:skin> or </style> tag.
/* large leaderboard-ads widget by www.BloggersStanD.com */
.largeleaderboard-ads {
}
.largeleaderboard-ads .widget {
 padding:15px;
    border: 1px solid #f0f0f0;
    transition: all 0.5s ease 0s;
}
.largeleaderboard-ads .widget:hover {
    border: 1px solid #000000;
}
.largeleaderboard-ads img, .largeleaderboard-ads iframe{
 display:block;
 max-width:100%;
 border:none;
 overflow:hidden;
}
 Step 5.Now search for <div id='main-wrapper'> or <div id='post-wrapper'> or <div id='content-wrapper'>.
Step 6. Now Copy the below code and paste it just above/before <div id='main-wrapper'>
<b:section class='largeleaderboard-ads' id='largeleaderboard-ads' maxwidgets='1' showaddelement='yes'/> 
Step 7. Now Save your Template..Done ! 

Post a Comment