Skip to main content

Cara Pasang Iklan Melayang Di Kiri Kanan Blog

CANDILKUYA - Cara Pasang Iklan Melayang Di Kiri Kanan Blog, Iklan Melayang Di Kiri Kanan Blog - Postingan ini saya buat untuk memenuhi permintaan sahabat Kompi Ajaib untuk membuat iklan melayang di kiri dan kanan blog yang bisa digunakan di Blogger maupun Wordpress.

Iklan yang melayang di kiri kanan blog ini hanya ditampilkan pada desktop saja sampai ukuran device 800px, karena jika di tampilkan di semua ukuran device maka iklan ini akan menutupi konten di device yang kecil seperti perangkat mobile.Oke Langsung Saja Saya Buatkan Tutorial Singkatnya.
Iklan Melayang Di Kiri Kanan Blog

Cara Pasang Iklan Melayang Di Kiri Kanan Blog

Silahkan simpan kode berikut di widget HTML baik Blogger maupun Wordpress


  <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>

Gunakan unik iklan dinamis dengan ukuran 160px x 600px.

Namun sebaiknya simpan kode CSS nya di edit HTML, kalau untuk Wordpress simpan style.php, jadi yang di widget adalah hanya kode HTML saja.

Di sini tidak harus untuk iklan Adsense saja, tapi bisa juga untuk banner iklan mandiri atau untuk banner afiliasi.

Penutup
Nah Sobat CANDILKUYA Sekian Tutorial Cara Pasang Iklan Melayang Di Kiri Kanan Blog, Mudah Kan ? Nantikan Tutorial Selanjutnya DI Web Candilkuya.com.
Sumber :
https://www.kompiajaib.com/2019/09/membuat-iklan-melayang-di-kiri-kanan.html
×

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar