How to Install a Large Responsive AdSense Billboard Ad - hyderabadrichest

How to Install a Large Responsive AdSense Billboard Ad

How to Install a Large Responsive AdSense Billboard Ad

Billboard is a type of AdSense ad that has a large size, which is 970 x 250px. It can make the publisher's income even more because its size which tends to be larger than other ad slots is able to attract the attention of visitors. hyderabadrichest blog will share how to place large billboard ads on the blog so that your AdSense earnings can increase a little.

1. Add Inline CSS  First things first, add the following CSS code to your blog's HTML settings. Save BEFORE/ABOVE ]]></b:skin> or <style>.
 .billboard {display:block; max-width:1000px; min-width:970px; width:100%; max-height:300px; min-height:250px; height:100%; text-align:center; margin:20px 0px; padding:0px}  
@media screen and (max-width:969px){.billboard {min-width:728px; min-height:90px}}
@media screen and (max-width:727px){.billboard {min-width:336px; min-height:280px}}
@media screen and (max-width:335px){.billboard {min-width:300px; min-height:250px}}
@media screen and (max-width:299px){.billboard {min-width:250px}}
@media screen and (max-width:249px){.billboard {min-width:200px; min-height:200px}}

2. Edit the AdSense CodeDon't get me wrong, it's not a weird edit to mess with Google. Just add style to the display.

1. Take each AdSense code and save it first in notepad. Choose the responsive type only. For example, the code is like this:
 <ins class="adsbygoogle"  
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

2. Remove the inline CSS and data-ad-format that's there. That nis style="display:block" and data-ad-format="auto"Add the class billboard that was created in the first step. So that the final code will be like this.

 <ins class="adsbygoogle billboard"  
data-ad-client="ca-pub-xxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

3. Place the AdSense Billboard Ad Code on the Blog

Now it's time to save the modified ad code. First, add conditional tags so that your ad won't appear on static pages, search pages, and error pages. Then look for the code <div id='content-wrapper'> and put the following code AFTER / BELOW.

 <b:if cond='!data:view.isPage and !data:blog.searchQuery and !data:view.isError'>  
<ins class="adsbygoogle billboard"
data-ad-client="ca-pub-xxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:if>

Don't forget to save settings with the click of a button Save theme

Ad placement does not always have to be under the content-wrapper. For example, if you want to save it under navigation, first look for the HTML navigation code and save the AdSense script under it.

Anyway, the CSS code above functions to keep showing rectangular responsive AdSense Billboard ads when opened on smaller devices, such as tablets or smartphones. That is, the ad will not appear horizontally (sideways width but not high) or vertical (height upward but not wide), but still large in width and height. Good luck practicing.

Show Comments
Hide Comments

0 Response to "How to Install a Large Responsive AdSense Billboard Ad"

Post a comment

Top Ad Articles

Top Ad Articles

Top Ad Articles 2

Advertise Articles