Tutorial

  • Android
  • Blogger
  • Pendidikan
  • Printer
  • Komputer
  • MedSos
  • Installing a Google AdSense ad Banner using certain mounting techniques can result in precise ad placement and look more appealing so that it can give the blog a more elegant and professional look. One type of ad Banner that is interestingly enough to be installed is Sticky ads, which is the type of ad that is placed at a certain position and is still not affected by the blog content page when accessed by visitors.

    The display of this Banner ad as it is on the unique magic Compi Blog hovering amid the bottom of the page of the blog page accompanied by a close button and not covering the entire area under the blog makes the display Banner ad different With Sticky ad banners in general.

    If you want to try to install Sticky AD banner Ala Kompi magic this please download it first SOURCE CODE STICKY KOMPIAJAIB

     
    <b:if cond='data:blog.pageType not in {&quot;static_page&quot;,&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery'><style>/*<![CDATA[mankoin.com*/
    
    .sticky-ad{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;position:fixed;text-align:center;bottom:0;left:50%;width:736px;z-index:995;max-height:104px;background-image:none;background-color:rgba(255,255,255,.7);box-shadow:0 0 5px 0 rgba(0,0,0,.2);margin-bottom:0;padding-top:4px;display:none;margin-left:-368px}
    
    .sticky-ad-close-button{position:absolute;width:28px;height:28px;top:-28px;right:0;background-image:url("data:image/svg+xml;charset=utf8,%3csvg width='13' height='13' viewBox='341 8 13 13' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%234F4F4F' d='M354 9.31L352.69 8l-5.19 5.19L342.31 8 341 9.31l5.19 5.19-5.19 5.19 1.31 1.31 5.19-5.19 5.19 5.19 1.31-1.31-5.19-5.19z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-size:13px 13px;background-position:9px;background-color:rgba(255,255,255,.7);background-repeat:no-repeat;box-shadow:0 -1px 1px 0 rgba(0,0,0,.2);border:none;border-radius:12px 12px 0 0;cursor:pointer}
    
    /*]]>*/</style><div class='sticky-ad' id='sticky-ad'><ins class='adsbygoogle' data-ad-client='ca-pub-1012461088888888' data-ad-slot='1234567890' style='display:inline-block;width:728px;height:90px'/><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><button aria-label='Close this ad' class='sticky-ad-close-button' onclick='this.parentElement.style.position=&apos;relative&apos;;this.style.display=&apos;none&apos;;'/></div><script>//<![CDATA[
    function stickyAd(){var e=document.getElementById("sticky-ad");300<window.pageYOffset&&(e.style.display="block",window.removeEventListener("scroll",stickyAd))}window.addEventListener("scroll",stickyAd);//]]></script></b:if>
    

    Once your source code is downloaded open by using NotePad application, then paste the code of the secret sticky ads banner in the area of the HTML code Template which you can access via the EDIT HTML menu on the page of the theme Menu dashboard Blogger.

    Image display Sticky Banner ads on page home page and on the blog post page

    For the placement please do a test of placing yourself yes, because other themplate certainly another arrangement code Htmlnya. The point of installing this code is in the footer area not far from the/body </body> as the template code cover.

    Use the AdSense ad Banner that matches the size of the Sticky Responsiv Banner, which is 728px x 90px ad size with the Banner Display ad type. For those who are confused or not or how to create an ad unit on a Google Adsense account can see the tutorial on installation discussion Banner Iklan Stycky Browser Dekstop.

    One of the unique and interesting display banner advertising is Sticky ala Kompi magic, the size of the ad is not too large and the presence of the Close button advertisement can certainly not disturb visitors in accessing the entire content of the contents of a blog So it is safe to apply.

    Artikel Terkait:
    Bagi Anda yang ingin mendapatkan notifikasi update setiap harinya silahkan bergabung WhatsApp Group Gabung Sekarang
    Comment Sekarang