Adding Anchor Ads on Mobile

Iklan Anchor Ads

<!--[ Sticky ad ]-->
<!--<input class='stickAdin hidden' id='stickAdin' type='checkbox'/>
<div class='stickAd'>
  <label class='stickAdclose' for='stickAdin'>
    <svg class='line' viewBox='0 0 24 24'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg>
  </label>
  <div class='stickAdcontent'>
    <ins class='adsbygoogle' data-ad-client='ca-pub-0000000000000000' data-ad-format='horizontal' data-ad-slot='0000000000' data-full-width-responsive='false' style='display:block;text-align:center'/>
    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
  </div>
</div>-->

<!--[ Sticky ad ]-->
<input class='stickAdin hidden' id='stickAdin' type='checkbox'/>
<div class='stickAd'>
  <label class='stickAdclose' for='stickAdin'>
    <svg class='line' viewBox='0 0 24 24'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg>
  </label>
  <div class='stickAdcontent'>
    <ins class='adsbygoogle' data-ad-client='ca-pub-0000000000000000' data-ad-format='horizontal' data-ad-slot='0000000000' data-full-width-responsive='false' style='display:block;text-align:center'/>
    <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
  </div>
</div>

/* Sticky Ad */
.stickAd{position:fixed;bottom:0;left:0;right:0;width:100%;min-height:70px;max-height:200px;padding:5px 5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);-webkit-transition:all .1s ease-in;transition:all .1s ease-in;display:flex;align-items:center;justify-content:center;background-color:#fefefe;z-index:50}
.stickAdclose{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;position:absolute;right:0;top:-30px;background-color:inherit}
.stickAdcontent{flex-grow:1;overflow:hidden;display:block;position:relative}
.stickAdin:checked ~ .stickAd{padding:0;min-height:0}
.stickAdin:checked ~ .stickAd .stickAdcontent{display:none}
.darkMode .stickAd{background-color:var(--dark-bg-alt)}

/* Sticky Ad */
.stickAd{position:fixed;top:0;left:0;right:0;width:100%;min-height:70px;max-height:200px;padding:5px 5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);-webkit-transition:all .1s ease-in;transition:all .1s ease-in;display:flex;align-items:center;justify-content:center;background-color:#fefefe;z-index:50}
.stickAdclose{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:0 0 0 12px;position:absolute;right:0;bottom:-30px;background-color:inherit}
.stickAdcontent{flex-grow:1;overflow:hidden;display:block;position:relative}
.stickAdin:checked ~ .stickAd{padding:0;min-height:0}
.stickAdin:checked ~ .stickAd .stickAdcontent{display:none}
.darkMode .stickAd{background-color:var(--dark-bg-alt)}

<ins class='adsbygoogle' data-ad-client='ca-pub-0000000000000000' data-ad-format='horizontal' data-ad-slot='0000000000' data-full-width-responsive='false' style='display:block;text-align:center'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>