Skip to main content

Cara Buat Iklan Floating Ads (Melayang Layang) Responsive Blog Tombol Close

Cara Buat Iklan Floating Ads (Melayang Layang) Responsive Blog Tombol Close


– Mendapatkan penghasilan dari blog merupakan suatu bentuk keberhasilan blog tersebut. Artinya blog yang kita kelola dapat menjadi sumber tambahan penghasilan pemiliknya. Penghasilan yang diterima umumnya berasal dari iklan yang tayang di blog tesebut. Iklan yang cukup terkenal yaitu Google Adsense, Media Net, Infolink, dan lain-lain. Umumnya penyedia iklan tersebut memayar publisher nya berdasarkan jumlah klik iklan yang didapat. Jadi semakin banyak klik yang didapat maka semakin besar pula penghasilan yang didapatkan.

Akan tetapi, dalam kenyataannya ada masalah yang dihadapi oleh para publisher iklan, yaitu dengan minimnya jumlah klik iklan yang didapatkan. Banyak sekali faktor yang memperngaruhi klik yang didapatkan, diantaranya jenis iklan, ukuran iklan, dan penempatan iklan. Terkadang walau sudah melakukan optimasi iklan, tapi jumlah klik iklan yang didapat masih belum bertambah banyak. Lalu bagaimana cara mengetasinya? Salah satu caranya dengan menggunakan iklan melayang atau floating ads.


Cara Memasang Iklan Melayang (Floating Ads) Responsive di Blog

Solusi untuk masalah jumlah klik yang sedikit adalah dengan menggunakan iklan melayang. Iklan melayang adalah iklan yang akan muncul (pop up) dihalaman sebuah blog. Sehingga perhatian pengunjung akan langsung kesana dan kemungkinan klik akan menjadi lebih besar. Lalu bagaimana cara membuat iklan melayang (Floating Ads) Responsive di Blog? Caranya cukup mudah kok, langsung saja.


1. Pertama masuk ke dashboard blogger
2. Masuk ke tema, kemudian klik Edit HTML
3. Setelah itu cari kode </body> dengan menekan tombol Ctrl + F. Setelah ketemu, letakkan kode ini tepat diatas kode </body>

<script type='text/javascript'>
        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});
</script>
        <!--start: floating ads-->
        <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
         <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh54NwfcVUFuueovhbsCMB4xY6aNHP8WLBB83gdcWGXIJaeRfsMuFvImtoB4q4OBFPzqjx1GxTOiCU4Ieg1e5RPMLGPXwIju5AvN1mOBp5asnXjzPvjp50MCMEDn6iqo6X7AsfUlp8zCD8/s1600/btn_close.gif' title='close button'/></a></div>
    <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<!--Script iklan-->
TARUH KODE IKLAN ANDA DISINI
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

4. Setelah itu klik simpan template.


Cara mengedit iklan melayang

Untuk mengatur lebar iklan, silahkan edit kode yang berwarna biru, jika ingin mengubah lebar iklan menjadi lebih dari 728px maka harus maka angka 728px harus diganti sesuai dengan lebar iklan yang diinginkan. Akan tetapi jika ingin mengganti tetapi lebarnya lebih kecil dari 728px, maka angka 728px tidak perlu diganti.

Untuk mengganti iklannya, silahkan ganti kode yang berwarna merah dengan kodde iklan anda.

Yak, kira-kira seperti itulah cara untuk membuat iklan melayang atau floating ads dengan tombol close di blogger. Dengan menggunakan iklan melayang, biasanya klik yang anda dapatkan akan lebih besar dari biasanya. Hal yang perlu diperhatikan ketika memasang iklan melayang adalah jangan sampai iklan tersebut menutupi artikel anda.


Jika anda tertarik dengan tutorial mengenai google adsense lainnya, jangan lupa untuk membaca artikel saya yang berjudul cara menulis artikel yang baik untuk mendaftar google adsense. Semoga artikel saya kali ini bermanfaat bagi anda. 


Menerapkan Iklan Melayang (Floating Ads) Disamping Kanan Kiri Blog

  1. Buka Dasbhoard Blogger
  2. Masuk ke Tema > pilih Tata Letak
  3. Tambahkan Gadget > Pilih HTML/Java Script
  4. Lalu salin dan paste kode di bawah ini pada gadget tersebut
  5. Jika sudah kemudian Simpan
<!-- 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>

Gunakan unit iklan dinamis ukuran 160x600 pixel atau unit iklan vertikal pada AdSense.

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


Cara Membuat 2 Iklan Melayang di Kanan Kiri Blog dengan Tombol Close

Untuk meningkatkan jumlah klik iklan, kebanyakan blogger akan memasang iklan melayang di kanan kiri blog. Dikarenakan diposisi tersebut sudah terbukti akan meningkatkan klik iklan. Cara untuk membuatnya juga cukup mudah kok. Oke langsung saja.

1. Pertama, masuk ke dashboard blog anda.
2. Kemudian, masuk ke menu tata letak. Setelah itu klik tambah gadget -> HTML/Java Script. Kemudian masukkan kode ini didalamnya.

<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/AVvXsEjSNiJ30ht1BkTGN0NRRjgFgf0sSjepVVZqKgAOaPD2s_THkpliPD_exrQyHYPpghUwtWVfKJhxhnUFdtHfOiXvjjOdV7CUekbVThhchmEPfheKhAvBFltcLJ-rEZ-zsHBNBuAbrrzJ1o1s/s1600/close-btn.png" /></a></div>
<div onclick='close1()'>
<div style="background: #fff;">
<a target="_blank" href="https://alamatblogmu.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI3FzfeQHJU-MMFvdoE-4WM2wgpH486_W4MSvsay6B1_dERIt2FCaSZL6lUCm-qTVvT1ELfyHXsRMZwwJ1xB6hPAkzg0vzWE87afCwq9r4j7Ym3eheFyLP1UO6sYPcBkwpJSPxSrpq9xeI/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/AVvXsEjSNiJ30ht1BkTGN0NRRjgFgf0sSjepVVZqKgAOaPD2s_THkpliPD_exrQyHYPpghUwtWVfKJhxhnUFdtHfOiXvjjOdV7CUekbVThhchmEPfheKhAvBFltcLJ-rEZ-zsHBNBuAbrrzJ1o1s/s1600/close-btn.png" /></a></div>
<div onclick='close11()'>
<div style="background: #fff;"><a target="_blank" href="https://alamatblogmu.com"><img style="border: none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI3FzfeQHJU-MMFvdoE-4WM2wgpH486_W4MSvsay6B1_dERIt2FCaSZL6lUCm-qTVvT1ELfyHXsRMZwwJ1xB6hPAkzg0vzWE87afCwq9r4j7Ym3eheFyLP1UO6sYPcBkwpJSPxSrpq9xeI/s1600/ban-melayang.gif" width="160" height="600"/></a><p></p></div></div></div>

3. Setelah itu klik simpan. Maka hasilnya kira-kira akan seperti ini.

3. Setelah itu klik simpan. Maka hasilnya kira-kira akan seperti ini.


Cara Membuat 2 Iklan Melayang di Kanan Kiri Blog dengan Tombol Close
Hasilnya seperti ini


Cara memodifikasi iklan di kanan kiri blog

Untuk memodirikasi iklan di kanan kiri blog cukup mudah, caranya :


1.Ganti https://alamatblogmu.com dengan url yang anda inginkan.
2. Ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI3FzfeQHJU-MMFvdoE-4WM2wgpH486_W4MSvsay6B1_dERIt2FCaSZL6lUCm-qTVvT1ELfyHXsRMZwwJ1xB6hPAkzg0vzWE87afCwq9r4j7Ym3eheFyLP1UO6sYPcBkwpJSPxSrpq9xeI/s1600/ban-melayang.gif dengan url gambar yang anda inginkan.

Yak, kira-kira seperti itulah cara untuk membuat 2 iklan melayang disamping kanan kiri blog. Iklan melayang dikanan kiri blog memang sangat efektif dalam meningkatkan pendapatan melalui iklan. Karena memang, iklan melayang dikanan kiri blog akan selalu terlihat oleh pengunjung pada saat mengunjungi blog anda. Jadi kemungkinan mendapatkan klik menjadi lebih besar.

Terima kasih telah berkunjung

Labels:

Comments

Post a Comment