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

  • January 1, 2022
  • ramzan
  • 1 min read

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 -->