You are currently viewing How to Add Wide Skyscraper AdSense Ad banner on Left and Right Side? WordPress Website

How to Add Wide Skyscraper AdSense Ad banner on Left and Right Side? WordPress Website

1. Open footer.php file

  1. Go to wordpress dashboard
  2. Click on Appearance -> Theme Editor -> Footer.php

2. Paste below code just above </body>


<!-- SkyScaper Adsense Ad :: Starts -->

<style type="text/css">
    @media only screen and (max-width: 1580px) {
    	#rightads, #leftads {
    		display: none !important;
    	}
    }
    @media (max-width: 1580px) { .adslot_skyscraper { display: none; } }
</style>

<div id="leftads" style="width:160px; height:600px; text-align:left; position:fixed; z-index:1001; bottom:5%;left:1%;">


<!--Start Left Ad -->
Add Adsense Code here....
<!--End of Left Ad -->
</div>

<div id="rightads" style="width:160px; height:600px; text-align:right; display:scroll;position:fixed; z-index:1001; bottom:5%;right:1%;">

<!--Start Right Ad-->
Add Adsense Code here....
<!--End of Right Ad -->
</div>

<!-- SkyScaper Adsense Ad :: Starts --> 

Leave a Reply