Cara Membuat Iklan Anchor Manual Terbaru HIGH CPC AdSense

Tutorial membuat iklan Anchor manual untuk Blogger/WordPress terbaru 2022.

Diupdate April 29, 2023 oleh Ishar Yulian Satriani

Cara Membuat Iklan Anchor Manual Terbaru HIGH CPC AdSense

Sudah banyak sekali tutorial seperti ini bertebaran di Google, tapi kali ini saya buatkan yang berbeda. Iklan Anchor ini sebenarnya sudah ada bawaan dari Google AdSense yang dapat kalian konfigurasi di pengaturan iklan otomatis.

Iklan Anchor buatan saya ini dibuat manual dan ada sedikit modifikasi agar CPC AdSense Blog kalian bisa meningkat. Menarik bukan? yuk langsung aja simak tutorial berikut.

Cara Pasang Iklan Anchor Manual

Ikuti langkah berikut:

Copy dan Paste code HTML di bawah ini di atas tag </body> pada template kalian.

<div class="gila_temax_manual_anchor_ads"> 
  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>

Informasi Bagian yang saya beri tanda kuning ganti dengan code iklan kalian.

Copy dan Paste code CSS di bawah ini di atas tag </b:skin> atau </style> pada template kalian.

.gila_temax_manual_anchor_ads {
  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;
}
.gila_temax_manual_anchor_ads .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;
}
.gila_temax_manual_anchor_ads .close_button svg {
  width: 20px;
  height: 20px;
}

Informasi Pasang jQuery CDN terlebih dahulu jika Blog kalian belum terpasang. Jika sudah terpasang lewati aja.

Copy dan Paste script di bawah ini di atas tag </head>.
```
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
```
Setelah itu Copy dan Paste code jQuery di bawah ini di atas tag </body> pada template kalian.
```
<script>
  $('.close_button').click(function(){
    $('.gila_temax_manual_anchor_ads').hide();
  });
</script>
```
Selesai

Lihat Demo

Apabila ada kesalahan pada tutorial ini silahkan hubungi admin di halaman kontak.

Bagikan Postingan Ini

Ada pertanyaan? Diskusikan dengan penulis atau pengguna lain