Tutorial Membuat Iklan Anchor High CPC AdSense

Nah, tanpa berlama-lama lagi, mari yuk ikuti dan simak baik-baik untuk tutorial bagaimana cara membuat iklan anchor manual high cpc adsense di blogger atau wordpress, sebagai berikut.

1. Pertama-tama sobat terlebih dahulu untuk login kedalam blogger.

2. Selanjutnya masuk ke dashboard blogger sobat.

3. Lalu sobat pilih Theme atau Tema.

4. Pilih Edit HTML.

5. Nah sobat temukan kode tag </body> ini, saya menyarankan sobat untuk mempercepat pencarian dari kode tag </body> menggunakan keyboard dari komputer atau laptop, lalu tekan tombol CTRL + F.

6. Selanjutnya sobat salin kode dibawah ini dan tempelkan tepat diatas kode tag </body> tersebut.

<div class=”goar_niblogmu_manual_anchor_ads”> 

  <— Kode iklan sobat 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>

7. Perhatikan kode script dibawah ini ya sobat, lalu salin kode script dibawah ini dan tempelkan diatas kode tag </b:skin> atau </style> pada template blog sobat.

.clinton_gultom_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;

}

.goar_niblogmu_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;

}

.goar_niblogmu_manual_anchor_ads .close_button svg {

  width: 20px;

  height: 20px;

}

8. Nah sobat, kalau pada blog atau situs sobat belum terpasang jQuery CDN, maka sobat harus terlebih dahulu memasangnya, apabila memang sudah tersedia kode jQuery CDN pada blog atau situs sobat tersebut, untuk tahap ini sobat bisa lewatin saja.

Silahkan salin kode jQuery CDN dibawah ini lalu tempelkan tepat diatas kode tag </head>.

9. Jangan lupa juga sobatku semuanya, untuk pasang kode jQuery yang ada dibagian pada bawah ini lalu tempelkan diatas kode tag </body>.

<script>

  $(‘.close_button’).click(function(){

    $(‘.goar_niblogmu_manual_anchor_ads’).hide();

  });

</script>

10. Contoh hasilnya untuk iklan anchor tampil dan tayang pada blog dengan tombol close [ X ] seperti tampak gambar dibawah, sebagai berikut.