7 Script Floating Responsive Adsense Untuk Blog

0
Anangzd.com - Berikut 7 Script Floating Responsive Adsense Untuk Blog meningkatkan klik iklan. Iklan Floting Blog adalah iklan yang tampil melayang di atas, bawah, samping kanan kiri di halaman situs.

Hampir semua situs besar menggunakan Tampilan Iklan Floating untuk kebutuhan menayangkan iklan pada website dari pengiklan.

Iklan Floating ini ada yang menggunakan tombol Close dan Tidak | ada yang tayang dengan Waktu (timer) | tayang dengan Gambar atau Video | Ukuran dapat di sesuaikan dengan kebutuhan.

Apakah Iklan Floating Aman Untuk Adsense ?
Ada kabar dari beberapa temen blogger bahawa Iklan Floting bisa mengakibatkan Banned Akun Google Adsens / Banned Iklan Adsense. Perlu di ingat, model iklan ini dapat di pasang pada blog/situs/website yang sudah memiliki traffik/pengujung yang banyak memungkinkan Iklan adsense akan aman dan tidak disarankam untuk situs/blog yang pengujung yang masih sedikit.

Kode Script Iklan Adsense Responsive Premium

Iklan Floating ini dapat juga meningkatkan Rasio Klik Tayang (RKT) pada Iklan. Dengan adanya klik iklan maka Penghasilan pundi-pundi uang akan banyak.

Kalian bisa gunakan code script iklan Floating Ads responsive di blog anangzd yang sudah di bagikan. Silahkan gunakan sebaik mungkin untuk di pasang pada situs anda.

Cara Memasang Kode Iklan Floating di Blogger
  1. Buka Blogger.com
  2. Pergi ke Edit Template > HTML
  3. Salin kode Iklan Floating di bawah lalu Pastekan Script di atas kode </body>

Code Iklan Melayang / Floating Adsense

<!--Floating ADS Anangzd.com-->
<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://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/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-->


Code Iklan Floating Adsense Tengah Atas

<!--Floating ADS Anangzd.com-->
<script type='text/javascript'>
(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).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(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor: pointer;'><img alt='close' src='https://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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>


Code Iklan Floating Adsense Bawah Tombol Close Tetap

<!--Floating ADS Anangzd.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://4.bp.blogspot.com/-eECBVCj7LPE/W_BpY5v0ReI/AAAAAAAAC1A/Kx8fMlxwBzI8N7vYGqok5NUEK-QGUTSSwCLcBGAs/s1600/btn_closed.gif' />
  </div>
<!--Awal script iklan-->
<!--Script iklan-->
<!--Akhir script iklan-->
</div>


Code Iklan Floating Adsense Kanan Kiri

<!--Floating ADS Anangzd.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=&quot;none&quot;">
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=&quot;none&quot;">
CLOSE ADS
</div>
<!--Script Iklan Kanan-->
</div>


Code Iklan Floating Adsense Klik2x

<!--Floating ADS Anangzd.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>


Code Iklan Floating Adsense Tombol Close Tengah Tetap

<!-- floating ads Anangzd.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;
}
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='http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/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>


Code Iklan Floating Adsense dengan Jeda Waktu

Cara Memasang Kode Iklan Floating Jeda Waktu, sebagai berikut:
  • Buka www.blogger.com
  • Pergi ke Edit Template > HTML
  • Pasangkan code Jquery dibawah ini didalam template diantara <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>

Pasangkan kode CSS dibawah ini 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}
}

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

  • Selanjutnya klik "Save template" Kalian bisa merubah waktu dan iklan akan tampil pada halaman atau beranda. Berikut ini keterangan dari Script Floating Jeda Waktu.

  1. Kode <b:if cond="data:view.isPost"> ini artinya iklan akan tampil di postingan saja.
  2. Kode <b:if cond="data:view.isHomepage"> Akan muncul di Hompage saja.
  3. Kode <b:if cond="data:view.isPost"> Akan muncul di Postingan saja.
  4. Kode <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. 

Post a Comment

0 Comments
Post a Comment (0)

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !
To Top