Cara Buat Iklan Melayang Di Kanan Kiri Wordpress dan Blog

Buat para bloggers atau yang hobi menulis diwebsite pasti tahu apa itu google Adsense. Google Adsense adalah platfon milik google yang berisi scrip iklan yang dapat ditempatkan di website atau blog milik kita.

script-script yang nantinya akan memunculkan iklan ini harus diletakkan pada posisi atau tempat strategis agar mudah dilihat pengujung untuk meng-klik iklan tersebut.

Posisi iklan adsense floating atau melayang disamping kanan dan kiri website dianggap strategis karena berpotensial untuk menarik klik iklan, selain itu iklan jenis ini tidak mengganggu pengguna ketika sedang membaca sebuah konten.

Iklan adsense floating atau melayang disamping kanan dan kiri website juga dirancang hanya tampil pad penggunan yag mengakses website lewat PC. Lalu bagaimana cara menerapkan posisi iklan adsense melayang disamping kanan dan kirl website?

Script Dasar

<!-- Iklan Floating -->
<style scoped='' type='text/css'>
.fixed-leftSd,.fixed-rightSd{position:fixed;top:60px;width:160px;height:600px;z-index:9999;transform:translateZ(0)}
.fixed-leftSd{left:0}
.fixed-rightSd{right:0}
.close-fixedSd{position:absolute;width:160px;height:15px;line-height:15px;font-size:11px;font-weight:400;top:-15px;left:0;text-align:center;background:#e0e0e0;color:#666;padding:5px 0;cursor:pointer}
@media screen and (max-width:800px){.fixed-leftSd,.fixed-rightSd{display:none;visibility:hidden;}}
</style>

<div class="fixed-leftSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
Close Ads Here
</div>
<!-- Slot kode iklan di sini -->
</div>

<div class="fixed-rightSd">
<div aria-label="Close Ads" class="close-fixedSd" role="button" tabindex="0" onclick="this.parentElement.style.display=&quot;none&quot;">
Close Ads Here
</div>
<!-- Slot kode iklan di sini -->
</div>

Script Google Adsense

Siapkan script google adsense dengan ukuran 160×600 pixel atau unit iklan vertikal. Salin kodenya lalu tempatkan didalam slot yang telah disedikan diatas.

Cara Buat Iklan Melayang Di Kanan Kiri Blogspot

Buka Dasbhoard Blogger
Masuk ke Tema > pilih Tata Letak
Tambahkan Gadget > Pilih HTML/Java Script
Lalu salin dan paste kode di bawah ini pada gadget tersebut
Jika sudah kemudian Simpan

Selain digunakan untuk menampilkan iklan AdSense. Script tersebut juga bisa digunakan juga untuk banner iklan mandiri atau untuk banner afiliasi.