Cara Memasang Iklan Melayang Kiri dan Kanan Blog

Memasang iklan melayang yang berada di samping kiri dan kanan blog pasti pernah kamu lihat di website seperti lk21 dan website lainnya yang digunakan untuk meningkatkan penghasilan mereka tentu saja kamu juga bisa mencoba memasang iklan melayang ini dengan mudah.

Pemasangan iklan melayang ini menggunakan HTML dan Javascript saja tidak menggunakan CSS jadi pastinya sangat mudah banget untuk memasangnya hanya perlu mengganti kode tertentu menjadi kode iklan kamu, sebenarnya iklan melayang kayak gini kurang bagus untuk diterapkan dengan adsense karena melanggat TOS tapi saya kurang tahu sendiri apakah dapat diterapkan atau tidak karena belum pernah mencobanya paling cuman di Sidebar dan Postingan saja.

Tutorial Memasangnya

1. Masuk ke Dashboard blog kamu blogger.com
2. Klik Tata Letak > lalu klik Tambahkan Gadget > Klik HTML/Javascript dan masukan kode dibawah ini

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div class='iklan-kiri' style="position:absolute; z-index:9999; ">
  <div id="kiri" style="width:autopx;height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:4px;">
    <div>
      <a href="#" id="close-teaser" onclick="document.getElementById('kiri').style.display = 'none';" style="cursor:pointer;">
        <center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibii6AUUsmivjZyJxRFwr_ODnXwGLx-70GRIBHjqj_TYO0GoExlGhtAGg-Zi1QLY-t4NAOvGDsTI6458wVmqvoEUiTCcB7KcalFTrwqIwJvLAmrSXaFXywZ8D3NCgrXatWn4VTUsjm25Qs/s1600/btn_close.gif' /></center>
      </a>
    </div>
    <div class="separator" style="clear: both; text-align: center;">
      <a title=='Kang Iyan' href="//kangian.com/p/iklan.html"><img alt='Kang Iyan' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pF0Wu6JzZzikDWkPngrHD9K3tU_zhV_eL_wpJh66-Vpyxf0boqs7LXYRDHeKBzhFuYzRnCKMAkc8PqiKHRJh99PrsvChCh15gqPPbLuC-mX1Ca0PwiyWsZ_HcYfx_td1b0Qnfgek__M/s1600/banner160x600+(1).jpg" /></a>
    </div><br /></div>
</div>
<!--Akhir Iklan Kiri-->
<div class='iklan-kanan' style="position:absolute; z-index:9999;">
  <div id="kanan" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:4px;">
    <!--Tombol Exit Iklan Kanan-->
    <div>
      <a href="#" id="close-teaser" onclick="document.getElementById('kanan').style.display = 'none';" style="cursor:pointer;">
        <center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibii6AUUsmivjZyJxRFwr_ODnXwGLx-70GRIBHjqj_TYO0GoExlGhtAGg-Zi1QLY-t4NAOvGDsTI6458wVmqvoEUiTCcB7KcalFTrwqIwJvLAmrSXaFXywZ8D3NCgrXatWn4VTUsjm25Qs/s1600/btn_close.gif' /></center>
      </a>
      <!--Mulai Iklan Kanan-->
      <div class="separator" style="clear: both; text-align: center;">
        <a title='Kang Iyan' href="//kangian.com/"><img alt='Kang Iyan' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pF0Wu6JzZzikDWkPngrHD9K3tU_zhV_eL_wpJh66-Vpyxf0boqs7LXYRDHeKBzhFuYzRnCKMAkc8PqiKHRJh99PrsvChCh15gqPPbLuC-mX1Ca0PwiyWsZ_HcYfx_td1b0Qnfgek__M/s1600/banner160x600+(1).jpg" /></a>
      </div><br /></div>
  </div>
</div>

3. Klik Simpan
4. Selesai

Pemasangan Iklan

Coba kamu perhatikan kode dibawah ini dulu

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div class='iklan-kiri' style="position:absolute; z-index:9999; ">
  <div id="kiri" style="width:autopx;height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:4px;">
    <div>
      <a href="#" id="close-teaser" onclick="document.getElementById('kiri').style.display = 'none';" style="cursor:pointer;">
        <center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibii6AUUsmivjZyJxRFwr_ODnXwGLx-70GRIBHjqj_TYO0GoExlGhtAGg-Zi1QLY-t4NAOvGDsTI6458wVmqvoEUiTCcB7KcalFTrwqIwJvLAmrSXaFXywZ8D3NCgrXatWn4VTUsjm25Qs/s1600/btn_close.gif' /></center>
      </a>
    </div>
    <div class="separator" style="clear: both; text-align: center;">
      <a title=='Kang Iyan' href="//kangian.com/p/iklan.html"><img alt='Kang Iyan' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pF0Wu6JzZzikDWkPngrHD9K3tU_zhV_eL_wpJh66-Vpyxf0boqs7LXYRDHeKBzhFuYzRnCKMAkc8PqiKHRJh99PrsvChCh15gqPPbLuC-mX1Ca0PwiyWsZ_HcYfx_td1b0Qnfgek__M/s1600/banner160x600+(1).jpg" /></a>
    </div><br /></div>
</div>
<!--Akhir Iklan Kiri-->
<div class='iklan-kanan' style="position:absolute; z-index:9999;">
  <div id="kanan" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:4px;">
    <!--Tombol Exit Iklan Kanan-->
    <div>
      <a href="#" id="close-teaser" onclick="document.getElementById('kanan').style.display = 'none';" style="cursor:pointer;">
        <center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibii6AUUsmivjZyJxRFwr_ODnXwGLx-70GRIBHjqj_TYO0GoExlGhtAGg-Zi1QLY-t4NAOvGDsTI6458wVmqvoEUiTCcB7KcalFTrwqIwJvLAmrSXaFXywZ8D3NCgrXatWn4VTUsjm25Qs/s1600/btn_close.gif' /></center>
      </a>
      <!--Mulai Iklan Kanan-->
      <div class="separator" style="clear: both; text-align: center;">
        <a title='Kang Iyan' href="//kangian.com/"><img alt='Kang Iyan' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5pF0Wu6JzZzikDWkPngrHD9K3tU_zhV_eL_wpJh66-Vpyxf0boqs7LXYRDHeKBzhFuYzRnCKMAkc8PqiKHRJh99PrsvChCh15gqPPbLuC-mX1Ca0PwiyWsZ_HcYfx_td1b0Qnfgek__M/s1600/banner160x600+(1).jpg" /></a>
      </div><br /></div>
  </div>
</div>

Pada kode diatas terdapat kode <img src='https..... yang saya warnai merah, nah untuk menggantinya dengan iklan kamu ganti saja kode yang terdapat pada kode diatas menjadi seperti ini.

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div class='iklan-kiri' style="position:absolute; z-index:9999; ">
  <div id="kiri" style="width:autopx;height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:4px;">
    <div>
      <a href="#" id="close-teaser" onclick="document.getElementById('kiri').style.display = 'none';" style="cursor:pointer;">
        <center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibii6AUUsmivjZyJxRFwr_ODnXwGLx-70GRIBHjqj_TYO0GoExlGhtAGg-Zi1QLY-t4NAOvGDsTI6458wVmqvoEUiTCcB7KcalFTrwqIwJvLAmrSXaFXywZ8D3NCgrXatWn4VTUsjm25Qs/s1600/btn_close.gif' /></center>
      </a>
    </div>
    <div class="separator" style="clear: both; text-align: center;">
      <a href="https://join-adf.ly/11517193"><img border="0" src="https://cdn.adf.ly/images/banners/adfly.160x600.4.gif" width="160" height="600" title="AdF.ly - shorten links and earn money!" /></a>
    </div><br /></div>
</div>
<!--Akhir Iklan Kiri-->
<div class='iklan-kanan' style="position:absolute; z-index:9999;">
  <div id="kanan" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:4px;">
    <!--Tombol Exit Iklan Kanan-->
    <div>
      <a href="#" id="close-teaser" onclick="document.getElementById('kanan').style.display = 'none';" style="cursor:pointer;">
        <center><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibii6AUUsmivjZyJxRFwr_ODnXwGLx-70GRIBHjqj_TYO0GoExlGhtAGg-Zi1QLY-t4NAOvGDsTI6458wVmqvoEUiTCcB7KcalFTrwqIwJvLAmrSXaFXywZ8D3NCgrXatWn4VTUsjm25Qs/s1600/btn_close.gif' /></center>
      </a>
      <!--Mulai Iklan Kanan-->
      <div class="separator" style="clear: both; text-align: center;">
        <a href="https://join-adf.ly/11517193"><img border="0" src="https://cdn.adf.ly/images/banners/adfly.160x600.4.gif" width="160" height="600" title="AdF.ly - shorten links and earn money!" /></a>
      </div><br /></div>
  </div>
</div>

Demo Tutorial

Nah sekarang kamu coba lihat hasilnya apakah iklan melayang di samping kiri dan kanan blog sudah terpasang apa belum, untuk tampilan pasti bisa kamu sesuaikan sendiri dengan menggubah struktur dari kode diatas sendiri. Meski memang agak rumit jika ingin disesuaikan dengan selera kamu.

Share this post