Sedang mencari informasi mengenai Iklan Floating Adsense di Blog? Memasang iklan di blog sangat banyak manfaatnya, Tetapi juga bisa membuat blog itu akan ditinggalkan oleh pengunjung, karena banyaknya iklan yang tampil dan menggangu. Mungkin diantara para visitor blog ada yang suka atau sama sekali tidak menghiraukan adanya iklan yang tampil.
Nah pada pembahasan kali ini admin akan membahas mengenai Iklan floating Ads yang tidak menggangu visitor dan pastinya akan menambah klik adsense.
Tentang Iklan Floating | Iklan Melayang adsense
Iklan melayang atau floating di blog memang cukup efektif untuk meningkatkan penghasilan google adsense. Iklan floating bisa memperoleh klik yang cukup banyak dibandingkan jenis iklan yang lain. Salah satu hal yang membuat iklan floating ini punya potensi besar mendapatkan klik banyak karena iklan Floating selalu tampil disetiap website atau blog. Jadi pasti berdampak besar di penghasilan blog.
Floating Ads ini ada terbagi menjadi 2 versi yakni yang pertama Floating tanpa Tombol CLOSE dan Floating Ads dengan tombol CLOSE. Jadi mari kita bahas sau persatu.
🔘 Floating ADS Tanpa Tombol Close
Iklan melayang/Floating tanpa tombol close merupakan tampilan yang cuma menampilkan iklan semata tanpa memberikan opsi untuk menutup iklan, yang mana ini memang cukup mengganggu kenyamanan pengunjung blog.
🔘 Floating ADS Dengan Tombol Close
Floating ads yang disertai dengan opsi tutup iklan merupakan jenis iklan melayang/Floating yang direkomendasikan, karena ini tidak terlalu mengganggu kenyamanan visitor blog.
✔ Iklan Floating Apa Aman untuk Adsense?
Namun di balik semuanya, banyak orang berbicara jika memasang iklan melayang (floating ads) diblog bisa mengakibatkan akun adsense ke banned. Benarkah? Admin merasa statement ini tidak akan terjadi, selama kami masih menaati peraturan google tentang penempatan iklan yang dipasang. Namun, jika pengunjung blog masih sepi tidak disarankan untuk memasang iklan floating ini.
7 Script Floating Adsense Blog
Floating ads yang ditempatkan di bawah layar, atas atau kanan-kiri memiliki nilai rasio klik yang cukup baik. Karena kinerjanya, Visitor blog akan terus melihat iklan yang tampil walau artikel discroll ke bawah dan ke atas juga punya potensi klik (RKT) yang lebih besar. Dan berikut ini kami sudah menyiapkan beberapa Floating ADS Blog yang bisa kamu coba dan pilih sesuai keinginan:
1. Floating Adsense 300x250
Iklan melayang atau Floating ads pertama yaitu dengan ukuran 300x250. Tampilannya ada di pojok bawah dan memiliki tombol close responsive. Jadi silahkan kamu buat di dashboard adsense iklan dengan ukuran Lebar 300 dan Tinggi 250.
DEMO
Script Iklan Melayang / Floating Adsense :
<!--Floating ADS Magelang1337.com-->
<script type='text/javascript'>
(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').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('floatads').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgydljU4yZuBLCFK09x7z-jadJA7VTOTBvK_9BeBNkhawDG05PCfSf0tlMw9m-8jITZdjz87SaxbGcH0nGzBuQ0DlYY4Xd6NWm2ddmeyeVRoFwaOcUKtU9Vx-YIVtDtSsaxYcXBZTjGoAM/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'>
<!--Awal Script iklan-->
<!-- Script DISINI -->
<!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->Ganti yang berwarna kuning dengan Script Iklan adsense dengan ukuran 300x250.
Cara Memasang Kode Iklan Floating:
- Buka Blogger.com
- Pergi ke Edit Template
- Copy kode Diatas
- Pastekan Script persis di atas kode </body>
2. Floating Adsense Tengah Atas
Iklan Melayang ini hampir sama dengan iklan sebelumnya. Cuma ini berada di atas. Dan menggunakan tombol close.
Script Floating Adsense Tengah :
<!--Floating ADS Magelang1337.com-->
<script type='text/javascript'>
(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>
<div id='fixedban' style='-webkit-transform: translatez(0); bottom: 0; float: none; margin: auto; overflow: hidden; text-align: center; width: 100%; z-index: 999;'>
<div>
<a id='close-fixedban' onclick='document.getElementById('fixedban').style.display = 'none';' style='cursor: pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmSp09vuYt88wL_bqZ5V-iCUoqL0V8XpFu0rbJYVKGzTPRNFn4oHSr5khVVbeE33xVXzZPO1PCRShOLstzg6CVJ_ZuWG0uuYuUlEgSpIq1bXk35ldbDRd2Fu2OxlG3ub2VeqmbcIZFAlK/s1600/btn_close.gif' style='vertical-align: middle;' title='close button'/></a></div>
<div style='display: block; height: auto; margin: auto; max-width: 728px; overflow: hidden; text-align: center;'>
<!--Akhir script iklan-->
<!--Script iklan-->
<!--Akhir script iklan-->
</div>
</div>Ganti yang berwarna kuning dengan Script Iklan adsense ukuran 300x250 atau ukuran 400x90. Namun perlu diperhatikan ukuran iklan tetap dapat membatasi jumlah iklan yang tersedia. >> DEMO
Cara Memasang Kode Iklan Floating :
- Buka Blogger.com
- Pergi ke Edit Template
- Copy kode Diatas
- Pastekan Script persis di atas kode </body>
3. Floating Adsense Bawah Tombol Close Tetap
Selanjutnya Floating Ads tampilan bawah, Iklan ini banyak yang menggunakan. Tapi, ada yang berbeda dari Script yang kami share. Tombol close tetap. Artinya iklan akan tampil terus walau tombol sudah di close.
Script Iklan Melayang / Floating Adsense:
<!--Floating ADS Magelang1337.com-->
<script type='text/javascript'>
$(document).ready(function() {
$( & #39;img# closed & #39;).click(function(){
$(&# 39; #btm_banner & #39;).hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
background-color: #fff;
}
div#btm_banner img {
border: 0;
cursor: pointer;
}
</style>
<div style='height: 0px;' />
<div align='center' id='btm_banner' style='height: 120px; z-index: 9999;'>
<div style='text-align: right; width: 100%; height: 10px;'>
<img alt='closed' id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2HsU24nBICZqFz6LcEc2loEJZNfHe_iYcDMf97qJxObZljjdXK7oPtyp5MJEie9Fro474tOK9F28dyeBeavi05Y51LR52-AKJaK5JZJJJfPdST7EvAhUxRgTAHIokZq04GWBIT2u6MNTB/s1600/btn_closed.gif' />
</div>
<!--Awal script iklan-->
<!--Script iklan-->
<!--Akhir script iklan-->
</div>Ganti yang berwarna kuning dengan Script Iklan adsense dengan ukuran 728x90. Memakai Tombol tetap ini akan meningkatkan penghasilan dan klik iklan. >> DEMO
Cara Memasang Kode Iklan Floating:
- Buka Blogger.com
- Pergi ke Edit Template
- Copy kode Diatas
- Pastekan Script persis di atas kode </body>
4. Floating Adsense Kanan Kiri
Jika kamu suka baca situs berita pasti akan terganggu dengan iklan Kanan - Kiri website, Biasanya iklan di sebelah kanan dan kiri untuk menutupi kekosongan tampilan agar enak dipandang. Untuk Memasang Iklan melayang kanan & kiri pada blogspot sangat mudah. Berikut panduannya:
Script Iklan Melayang / Floating Adsense Kanan-Kiri:
<!--Floating ADS Magelang1337.com-->
<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="none"">
CLOSE ADS
</div>
<!--Script Iklan Kiri-->
</div>
<div class="fixed-rside">
<div aria-label="Close Ads" class="close-fixedside" role="button" tabindex="0" onclick="this.parentElement.style.display="none"">
CLOSE ADS
</div>
<!--Script Iklan Kanan-->
</div>Ganti yang berwarna kuning dengan Script Iklan adsense Ukuran 160x600. iklan ini hanya tampil di PC/Komputer.
Note: Penting untuk kamu ketika memasang iklan Adsense melayang kanan dan kiri pada blog ataupun website, Jangan sampai menutupi konten. >> DEMO
Cara Memasang Kode Iklan Floating:
- Buka Blogger.com
- Pergi ke Edit Template
- Copy kode Diatas
- Pastekan Script persis di atas kode </body>
5. Floating Adsense Klik2x
Selanjutnya Tampilan iklan melayang dengan 2 kali klik. Artinya pengunjung blog harus klik 2 kali tombol untuk menghilangkan iklan yang tampil. Menurut admin jenis iklan ini sangat Riskan terkena pembatasan, namun bagus untuk menambahkan CTR juga Jumlah klik iklan.
Script Iklan Melayang / Floating Adsense Klik2x :
<!--Floating ADS Magelang1337.com-->
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
<!--Ganti dengan Script iklan 300x250 -->
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>Ganti yang berwarna kuning dengan Script Iklan adsense Ukuran 300x250. >> DEMO
Cara Memasang Kode Iklan Floating:
- Buka Blogger.com
- Pergi ke Edit Template
- Copy kode Diatas
- Pastekan Script persis di atas kode </body>
6. Floating Adsense Tombol Close Tengah Tetap
Untuk tampilan iklan ini berada dibawah dan memiliki tombol Close tetap, Berikut Script iklannya.
Script Iklan Melayang / Floating Ads Tombol Tengah:
<!-- floating ads magelang1337.com -->
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'/>
<div align='center' id='btm_banner' style='height: 120px; z-index: 9999;'>
<div style='text-align: 1px; width: 728px; height: 1px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwCVHd6Pan5PtP-ugWuG1YhBNfh3Q94WgmhcyyvXmDYihSQt52b1ttZVsgiWlOs0cs13mDOGgueVPT5s2wnDqcFXNuiPsm42sa0HmsdPP2QvR_MS_NYcR4ZFBcWdRHB0yFnbWldWQ5Q8Ve/s1600/close3.png'/></div>
<div style='clear: both;'/>
<p><p>
<!-- Floating Ads Start -->
<center>
<!-- Script Iklan Ukuran 728x90 -->
<!-- Floating Ads End-->
</center></p>
</p>
</div>Ganti yang berwarna kuning dengan Script Iklan adsense Ukuran 728x90. >> DEMO
Cara Memasang Kode Iklan Floating:
- Buka Blogger.com
- Pergi ke Edit Template
- Copy kode Diatas
- Pastekan Script persis di atas kode </body>
7. Script Floating Adsense dengan Jeda Waktu
Terakhir iklan melayang ini berbeda dengan yang lain karena memiliki waktu untuk tampil. Jadi detik waktu iklan akan tampil bisa kita atur sendiri. Namun jenis floating ini sudah kami coba di beberapa template hasilnya ada yang tidak work. Iklan tidak bisa tampil. Namun, Jika kamu ingin mencoba cara pemasangannya agak ribet tidak seperti kode iklan yang sudah kami share sebelumnya. Script ini kami dapatkan dari blog naylaayu.my.id
DEMO
Cara Memasang Kode Iklan Floating Jeda Waktu:
- Buka Blogger.com
- Pergi ke Edit Template
Pasangkan code Jquery dibawah ini pada template tepat didalam <head> atau </head> jika sudah ada, Silahkan lewati langkah ini.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>Selanjutnya pasangkan kode CSS dibawah ini tepat diatas kode ]]></b:skin>
/* Mobile */
@media (min-width:320px) {
.NayFLbottom{display:none;border-radius:6px;background:#fff;padding:6px;height:auto;width:auto;position:fixed;bottom:30%;left:20px;right:20px;box-shadow:5px 5px 10px 0 rgba(0,0,0,.27);animation:fadeInAnimation ease 3s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}.closeNayFl{width:40px;height:35px;display:flex;align-items:center;justify-content:center;border-top-left-radius: 30px;
border-top-right-radius: 30px solid #eceff1;border-bottom:0;border-right:0;position:absolute;right:0;top:-30px;background-color:inherit}.iklanFNay{background:#fff;text-align:center}.iklanFNay iframe,.iklanFNay img{width:100%;height:100%;bottom:0;right:0;border:0;}.NaylaBtn{display:flex;justify-content:center;align-items:center;background-color:#15c4ff;color:#fff;border-radius:5px}.btnAwalNay{padding:7;margin-left:30%;margin-right:30%;margin-top:10px}
}
/* Desktop */
@media (min-width:960px) {
.NayFLbottom{display:none;border-radius:6px;background:#fff;padding:6px;height:auto;width:auto;position:fixed;bottom:10%;left:30%;right:30%;box-shadow:5px 5px 10px 0 rgba(0,0,0,.27);animation:fadeInAnimation ease 3s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes fadeInAnimation{0%{opacity:0}100%{opacity:1}}.closeNayFl{width:40px;height:35px;display:flex;align-items:center;justify-content:center;border-top-left-radius: 30px;
border-top-right-radius: 30px solid #eceff1;border-bottom:0;border-right:0;position:absolute;right:0;top:-30px;background-color:inherit}.iklanFNay{background:#fff;text-align:center}.iklanFNay iframe,.iklanFNay img{width:100%;height:100%;bottom:0;right:0;border:0;}.NaylaBtn{display:flex;justify-content:center;align-items:center;background-color:#15c4ff;color:#fff;border-radius:5px}.btnAwalNay{padding:7;margin-left:30%;margin-right:30%;margin-top:10px}
}Selanjutnya Pasangkan kode HTML dibawah tepat diatas kode </body>
<b:if cond='data:view.isPost'><div class='NayFLbottom'>
<div class='closeNayFl'>
<svg class='bi bi-chevron-compact-down' fill='currentColor' height='16' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'>
<path d='M1.553 6.776a.5.5 0 0 1 .67-.223L8 9.44l5.776-2.888a.5.5 0 1 1 .448.894l-6 3a.5.5 0 0 1-.448 0l-6-3a.5.5 0 0 1-.223-.67z' fill-rule='evenodd'/>
</svg>
</div>
<div class='iklanFNay'>
<!-- Ganti Script Iklan Ukuran 300x250 -->
</div>
</div></b:if>Terakhir pasangkan juga Script waktu dibawah Tepat diatas kode </body>
<script>
const waktumuncul= 2000 //2000 = 2 detik
$('.NayFLbottom').delay(waktumuncul).fadeIn('slow');
$(".closeNayFl").on('click',function(){
$(".NayFLbottom").fadeOut('slow');
}
)
</script>Dan klik "Save template" Kamu bisa merubah waktu dan iklan akan tampil pada halaman atau beranda saja. Berikut ini keterangan dari Script Floating Jeda Waktu.
Kode <b:if cond="data:view.isPost"> ini artinya iklan akan tampil di postingan saja.
- ▶ <b:if cond="data:view.isHomepage"> Akan muncul di Hompage saja.
- ▶ <b:if cond="data:view.isPost"> Akan muncul di Postingan saja.
- ▶ <b:if cond="data:view.isMultipleItems"> Bisa muncul di Home dan Postingan.
Untuk Javascript waktu jeda bisa kamu sesuaikan waktu loading-nya const waktumuncul= 2000 //2000 = 2 detik Setiap 1 Detik = 1000 jadi jika kamu ingin membuat 10 Detik = 10000 dan seterusnya.
Akhir Kata
Nah kira-kira kamu mau coba yang mana? Apakah aman tidak kena banned? Mungkin saja pengunjung bisa klik berkali-kali dengan tidak sengaja yang membuat akun adsense kamu kena pembatasan atau banned. Namun ini cuma asumsi. Iklan Floating Adsense di sebuah website atau blog memang mempengaruhi pendapatan, jadi cobalah untuk menggunakan tips ini. Semoga bermanfaat dan Selamat mencoba!
