Cara Membuat Iklan Melayang di Blogger

Seorang blogger yang sudah menjadi publisher Google AdSense harus bisa memanfaatkan lokasi strategis di blognya untuk dipasangi iklan dari Google AdSense.

Hal tersebut bertujuan untuk meningkatkan pendapatan dari dari iklan, karena semakin strategis penempatan iklan, semakin besar pula kemungkinan iklan di lihat dan di klik oleh pengunjung.

Dalam artikel kali ini saya akan berbagi sebuah cara membuat iklan AdSense melayang baik disebelah kiri dan kanan pada blog dengan menggunakan script code yang responsif dan hanya tampil di blog pada saat dibuka pada versi web view desktop (komputer).

Cara Membuat Iklan AdSense Melayang di Kiri dan Kanan Pada Blog

Untuk membuat iklan melayang pada bagian kiri dan kanan di blog cukup mudah, silahkan buka blogger anda, masuk ke menu Tema > Edit HTML.

Selanjutnya cari kode dibawah ini pada template blog anda.

<div class='post-outer'>

Untuk mempermudah pencarian, silahkan copy kode tersebut lalu tekan ctrl+F, lalu paste dan klik enter.

Setelah anda menemukan kode di atas, selanjutnya anda copy script code dibawah ini, dan pastekan tepat dibawah <div class='post-outer'>.

Script Code Iklan Melayang 1

<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
</div>
<!-- Simpan 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
</div>
<!-- Simpan kode iklan di sini -->
</div>

Script code yang pertama adalah jenis iklan melayang responsif dan hanya terbuka di versi desktop. Sehingga iklan ini tidak akan menganggu pada versi mobile, dan tidak membuat anda ribet harus melakukan setting manual agar tampilan iklan hanya tampil di versi komputer.

Script Code Iklan Melayang 2

<style scoped='' type="text/css">
#iklankirikanan{position:fixed;_position:absolute;top:0;right:0;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)}
</style>
<script type="text/javascript">
function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close1(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("iklankirikanan").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="iklankirikanan">
<div style="text-align: right;">
<a href="" onclick="close1(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha7UCKNAXfJPYia2rNY9PCXP_I2FjHJp_ELXphXSBf_I68VWyVzx0Hk2Rw9i1QqYCGYew-UFQvs93_q37I3xV7dUbINsMOrhK6JKqeYJyxaJOPs-SK4DQklP67cNwrigyo4P1C9GSJWqda/s1600/close-btn.png" /></a></div>
<div onclick='close1()'>
<div style="background: #fff;">
<a target="_blank" href="LINK-TUJUAN"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkw-BMeji9ngtFNmCl454bKv43999OmbRwqsLNxmVAyk6PA56gHX7MidjnrXe83Ho5whODovRw7_MLP9JXq2AuLpfclqencBXi6EC503o5VXrKy4U-dg9iMvM1IrhPH6NpWTP76U7Gdu28/s1600/ban-melayang.gif" style="border: none;" alt="Iklan Melayang" /></a></div>
</div></div>
<style scoped='' type="text/css">
#iklankirikanan1{position:fixed;_position:absolute;top:0;left:0;width:160px;clip:inherit;_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth)}
</style>
<script type="text/javascript">
function get_cookie(Name){var search=Name+"="var returnvalue="";if(document.cookie.length>0){offset=document.cookie.indexOf(search)if(offset!=-1){offset+=search.length end=document.cookie.indexOf(";",offset);if(end==-1)end=document.cookie.length;returnvalue=unescape(document.cookie.substring(offset,end))}}return returnvalue}function close11(){if(persistclose)document.cookie="remainclosed=1"document.getElementById("iklankirikanan1").style.visibility="hidden"}if(window.addEventListener)window.addEventListener("load",staticbar,false)else if(window.attachEvent)window.attachEvent("onload",staticbar)else if(document.getElementById)window.onload=staticbar
</script>
<br />
<div class="clear">
</div>
<div id="iklankirikanan1">
<div style="text-align: left;">
<a href="" onclick="close11(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha7UCKNAXfJPYia2rNY9PCXP_I2FjHJp_ELXphXSBf_I68VWyVzx0Hk2Rw9i1QqYCGYew-UFQvs93_q37I3xV7dUbINsMOrhK6JKqeYJyxaJOPs-SK4DQklP67cNwrigyo4P1C9GSJWqda/s1600/close-btn.png" /></a></div>
<div onclick='close11()'>
<div style="background: #fff;"><a target="_blank" href="LINK-TUJUAN"><img style="border: none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkw-BMeji9ngtFNmCl454bKv43999OmbRwqsLNxmVAyk6PA56gHX7MidjnrXe83Ho5whODovRw7_MLP9JXq2AuLpfclqencBXi6EC503o5VXrKy4U-dg9iMvM1IrhPH6NpWTP76U7Gdu28/s1600/ban-melayang.gif" width="160" height="600"/></a><p></p></div></div></div>

Script Code Iklan Melayang 3

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4mwkwbwTCm8ednqMJb48zyiYMOs4_HsjMmpCrc68TftjE3B-qqhx3M1mtJD3_Eky_9pKWaoddMJ_gY4DGF5wAqiF2WuCv7dy7MidZfy936F5LXVsF0RlF1HMLn_EsJaRn0d6j1RW3KL0o/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

</div>
</div>

Untuk script code iklan melayang versi 2 dan 3, anda harus mengotak-ngatik secara manual agar iklan hanya tampil pada blog versi desktop. Sedangkan untuk versi 1 sudah otomatis tidak tampil di versi mobile.

Penutup

Memanfaatkan setiap slot yang kosong pada blog untuk di isi iklan AdSense memang cukup bermanfaat dalam mengoptimalkan penadapatan. Akan tetapi perlu diperhatikan bahwa tidak semua penempatan iklan yang tidak disarankan AdSense itu valid. Sehingga anda perlu berhati-hati karena bisa saja iklan yang anda pasang malah melanggar kebijakan AdSense.

Namun pada dasarnya ketika iklan tidak menghalangi konten pada blog, maka itu tidak akan menjadi masalah dan masih dianggap aman.

Max Ikhsan

Hai, Saya adalah pemilik blog ini. Mau Kerja Sama? Hubungi maxikhsan.cs@gmail.com

Bagikan Artikel