Please note that the size of ads that appear on this billboard unit is an ad unit with size 970x250 and 300x250. Then the ad displayed we set up with responsive media query. On the 1024px screen to the top it will display the size of 970x250 while on the screen 1024px to the bottom will be displayed ads with size 300x250.
If anyone wants to try it please follow the steps below.
Please save the following CSS styles above </head> code :
And make sure you have installed Adsense js above the code </body>
thank you for kompiajaib.com
Then save the following HTML code under <body> code :<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "error_page"'><style type='text/css'>/* Top Banner */.top_banner{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}#close_topbanner,#open_topbanner{font-family:inherit;position:absolute;padding:0;bottom:0;background:0 0;border:none;cursor:pointer;color:#888;font-size:15px;font-weight:500;height:20px;line-height:20px;}#close_topbanner{right:10px}#open_topbanner{width:100px;text-align:center;right:50%;margin-right:-50px}#close_topbanner:focus,#open_topbanner:focus{outline:0}.adsenseresponsive{width:970px;height:250px;}@media screen and (max-width:960px){.top_banner{max-width:320px;}.adsenseresponsive{width:300px;height:250px;}}</style></b:if>
Please adjust the data-ad-client and data-ad-slot with your Adsense responsive ad unit.<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "error_page"'><div class='top_banner'><div id='topbanner'><!-- Kode iklan simpan di bawah ini --><ins class="adsbygoogle adsenseresponsive"style="display:block"data-ad-client="ca-pub-xxxxxxxxxxxxxx"data-ad-slot="xxxxxxxxxxx"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div><button id='close_topbanner' onclick="document.getElementById('topbanner').style.display='none';close_topbanner.style.display='none';open_topbanner.style.display='block';" role='button' tabindex='0' title='Close'>Close Ad</button><button hidden='' id='open_topbanner' onclick="document.getElementById('topbanner').style.display='block';close_topbanner.style.display='block';open_topbanner.style.display='none';" role='button' tabindex='0' title='Open'>Open Ad</button></div></b:if>
And make sure you have installed Adsense js above the code </body>
thank you for kompiajaib.com
Loading...
