Tutorial

  • Android
  • Blogger
  • Pendidikan
  • Printer
  • Komputer
  • MedSos
  • One of AdSense ad placement methods that is rarely practiced by AdSense publisher bloggers is to put ads floating on the right and left areas of the blog page both the Home page and the Post content page.

    Banner AdSense ad drift is suitable for user templates current era latest blogger where the average current blog template looks not full screen, there is a blank partition on the left-right with the purpose of relieving the loading of the blog. If the empty area is filled with banner advertising is certainly very fitting and the view of the blog page will look fuller with the presence of banner ads hovering on the right and left the side of the blog page.

    Banner ads drift Right and left this blog comes with a close button that makes it easy for users who feel uncomfortable to close these ads, and also support both AMP and Non-Amp templates and will only appear on desktop browsers only. As for the display of Android devices this floating ad will disappear, because if imposed still visible will cover the content so that it interferes with the comfort of the reader.

    The following display of floating ad banners that you can try to apply, for example, I applied it to the blog In-Wepo Amp template   with the type of Banner advertising affiliate.

    How about after seeing the above screenshot whether friends feel interested to try it? If yes please follow the procedure of mounting an advertisement floating support AD affiliate and AdSense following:

    Install Banner ads users AMP Template

    Copy the following CSS code, and place the amp-custom code area below the code <style> or above the code </style>

     
    .fixed-lside,.fixed-rside{
      position:fixed;top:60px;width:160px;height:600px;z-index:9999;
    }
    .fixed-lside{
      left:0;
    }
    .fixed-rside{
      right:0;
    }
    .close-fixedside{
      position:absolute;width:160px;height:15px;line-height:15px;font-family:Arial;font-size:10px;font-weight:400;top:-15px;left:0;text-align:center;background:#dedede;color:#333;cursor:pointer
    }
    @media screen and (max-width:800px){
      .fixed-lside,.fixed-rside{display:none;visibility:hidden;}
    }
    

    For more details as an example note the following code placement Screenshoot:

    Put the code below <stylea amp-custom='amp-custom'> or above the code </style>

    Then copy the following code, place it below the code <body> or top code </body>

    Copy the following ad banner source code, place it in the ad placement area as shown in the above screenshots below <!--Silahkan Simpan Kode Iklan di bawah ini-->

     
    <div class="fixed-lside" id="fixed-lside">
    
    <div aria-label="Close Ads" class="close-fixedside" role="button" tabindex="0" on="tap:fixed-lside.hide">
    CLOSE ADS
    </div>
    <!-- Silah simpan kode iklan di bawah ini -->
    
    </div>
    
    <div class="fixed-rside" id="fixed-rside">
    <div aria-label="Close Ads" class="close-fixedside" role="button" tabindex="0" on="tap:fixed-rside.hide">
    CLOSE ADS
    </div>
    <!-- Silah simpan kode iklan di bawah ini -->
    
    </div>

    For Adsense AD source code use the following code, replace the CA-pub ID and ad slot with your Ad ID and slots.

     
      <amp-ad data-ad-client='ca-pub-xxxxxxxxxxx' data-ad-slot='xxxxxxxxx' height='600' media='(min-width: 801px)' type='adsense' width='160'/>
    

    and to source affiliate, AD code or other manual ads use the following code:

     
      <a aria-label='Glints' href='url affiliate disini' rel='nofollow noopener' target='_blank' title='DomaiNesia'><amp-img alt='Glints' height='160' width='600' src='url source banner iklan disini' title=' Glints'/></a>

    Results from the implementation of the ad banner hovering   the right and left blog pages as seen in the following screenshots:

    Display of floating ad banners on home page page and

    post content

    Banner Advertisement user Non-Amp Template

    Copy the following code, then place the code in the layout widget, create a new widget Select the type of HTML/Javascript then paste the code in the content area, click the Sampan, then select Save settings for the application.

     
      <style>
    .fixed-lside,.fixed-rside{
      position:fixed;top:60px;width:160px;height:600px;z-index:9999;
    }
    .fixed-lside{
      left:0;
    }
    .fixed-rside{
      right:0;
    }
    .close-fixedside{
      position:absolute;width:160px;height:15px;line-height:15px;font-family:Arial;font-size:10px;font-weight:400;top:-15px;left:0;text-align:center;background:#dedede;color:#333;cursor:pointer
    }
    @media screen and (max-width:800px){
      .fixed-lside,.fixed-rside{display:none;visibility:hidden;}
    }
    </style>
    
    <div class="fixed-lside">
    <div aria-label="Close Ads" class="close-fixedside" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
    CLOSE ADS
    </div>
    <!-- Silah simpan kode iklan di bawah ini -->
    
    </div>
    
    <div class="fixed-rside">
    <div aria-label="Close Ads" class="close-fixedside" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
    CLOSE ADS
    </div>
    <!-- Silah simpan kode iklan di bawah ini -->
    
    </div>
    
    Source code Banner AD hovering taken from KompiAjaib.com by Bang Adhy Suryadi

    Thank you for visiting, hopefully by implementing the method of placing ad banners hovering above can increase revenue Klick AdSense ads.

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