Cara Membuat Iklan Melayang (Sticky Ads) di Blogger Terbaru

Iklan merupakan media promosi yang berupa artikel (teks), video dan lainnya. Iklan juga menjadi penghasilan untuk para blogger
Cara Membuat Iklan Melayang (Sticky Ads) di Blogger Terbaru

Cara Membuat Iklan Melayang (Sticky Ads) di Blogger Terbaru, Iklan merupakan media promosi yang berupa artikel (teks), video dan lainnya. Iklan juga menjadi penghasilan untuk para blogger maupun pengelola website, terkadang menjadi salah satu prioritas utama untuk mencari penghasilan sampingan.

Iklan yang paling sering digunakan dari Google AdSense, karena sangat responsive, elegan dan tidak lambat dalam proses pembayaran. Namun, iklan ini sangat susah untuk mendaftarknya sebab harus melengkapi ketentuan dan syarat yang diberikan oleh pihak AdSense.

Akan tetapi ada iklan alternatif seperti Mgid, Safelinku dan masih banyak lagi. Untuk sobat yang sudah bergabung dengan Adsense, admin ada satu cara membuat slot iklan adsense agar meningkatkan penghasilan blog yaitu Slot Iklan Melayang. Untuk tutorialnya silahkan baca sampai habis.

Cara Membuat Sticky Ads di Blogger

  • Buka blogger sobat, kemudian klik menu Tema > Edit HTML.
  • Kemudian cari kode </haed> dan tempel script dibawah tepat diatasnya.
  • <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
    <style>
    /*<![CDATA[*/
    .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: -104px;
      left: 0;
      width: 100%;
      z-index: 999;
      max-height: 104px;
      background-image: none;
      background-color: #fff;
      box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
      margin-bottom: 0;
      padding-top: 4px;
      transition: all .4s ease-in-out;
    }
    .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: #fff;
      background-repeat: no-repeat;
      box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2);
      border: none;
      border-radius: 12px 0 0 0;
      cursor: pointer;
    }
    .sticky-ad-close-button:before {
      position: absolute;
      content: "";
      top: -20px;
      right: 0;
      left: -20px;
      bottom: 0;
    }
    * {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    :active,
    :focus {
      outline: 0
    }
    /*]]>*/
    </style>
    </b:if>
  • Lalu cari kode </body>, tempel script dibawah tepat sebelum kode tersebut.
  • <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
    <div class="sticky-ad" id="sticky-ad">
    
    <!-- Kode iklan letakkan di sini -->
    
    <button class="sticky-ad-close-button" onclick="document.getElementById('sticky-ad').style.display='none';" aria-label="Close this ad"></button>
    </div>
    
    <script>
    //<![CDATA[
    window.addEventListener("scroll",function(){
      var target = document.getElementById('sticky-ad');
      if(window.pageYOffset > 300){
       target.style.bottom = "0";
      }
    },false);
    //]]>
    </script>
    </b:if>

    Jangan lupa rubah kode yang sudah ditandai dengan kode iklan adsense Sobat, untuk ukurannya 320x50.

  • Terakhir, jangan lupa Simpan dan tunggu beberapa menit sampai iklan tersebut muncul.

Itulah Cara Membuat Iklan Melayang (Sticky Ads) di Blogger Terbaru yang dapat Admin bagikan, semoga bermanfaat dan jangan lupa share artikel ini kepada yang sangat membutuhkan. Sekian dan Terimakasih.

Freelance, Gaming, Content Placement & Blogger.

Post a Comment

© SempetIN. All rights reserved. Developed by Jago Desain