AW Tech

Beranda
Adsense

Cara Membuat Anchor Ads Adsense Manual

Please wait 0 seconds...
Scroll Down and click on GET LINK for destination
Congrats! Link is Generated

Ada banyak tutorial seperti ini di Google, tapi kali ini saya membuat sesuatu yang berbeda. Iklan Anchor ini sebenarnya sudah built-in di Google AdSense yang bisa Anda konfigurasikan di pengaturan iklan otomatis.

Iklan Anchor ini dibuat secara manual dan ada sedikit modifikasi agar CPC AdSense Blog Anda bisa meningkat. Menarik bukan? Yuk langsung saja simak tutorial berikut ini.

Cara Memasang Iklan Anchor Manual

Langkah 1 : Copy dan Paste kode HTML di bawah ini di atas tag </body> di template Anda

<div class="anchor_ads_bangwahid"> 
  Taruh code iklan kalian disini! 
  <div class="close_button">
    <svg viewBox="0 0 24 24">
      <path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"></path>
    </svg>
  </div>
</div>

Ganti bagian yang saya tandai merah ganti dengan kode iklan Anda.

Langkah 2 : Copy dan Paste kode CSS di bawah ini di atas tag </b:skin> atau </style> pada template Anda.

.anchor_ads_bangwahid {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #ffffff;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-top: 1px solid;
  border-color: #e6e6e6;
  z-index: 999;
}
.anchor_ads_bangwahid .close_button {
  position: absolute;
  top: -30px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid;
  border-bottom: 0;
  border-color: #e6e6e6;
  border-radius: 8px 8px 0 0;
  width: 50px;
  height: 30px;
  line-height: 0;
  cursor: pointer;
}
.anchor_ads_bangwahid .close_button svg {
  width: 20px;
  height: 20px;
}

Langkah 3 : Instal CDN jQuery terlebih dahulu jika blog Anda belum diinstal. Jika sudah terpasang, lewati saja. Salin dan Tempel skrip di bawah ini di atas kode </head>.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Langkah 4 : Setelah itu Copy dan Paste kode jQuery dibawah ini diatas tag </body> pada template anda.

<script>
  $('.close_button').click(function(){
    $('.anchor_ads_bangwahid').hide();
  });
</script>

Langkah 5 : Simpan

GET LINK