Cara Gampang Memasang Iklan Melayang (Floating Ads) di Blogger Dengan Mudah

Pada kesempatan kali ini saya admin expxo akan membagikan sebuah tutorial bagaimana cara memasang iklan melayang di blog. saya mengshare tutorial ini bertujuan untuk meningkatkan klik pada blog sehingga blog kamu bisa meningkat tajam.
Untuk pembutan script ini hanya menggunakan sedikit Javascript dan ini juga tidak menggunakan Jquery library sehingga tidak mengganggu loading iklan dan pastinya simple beserta sederhana.

Biasanya untuk jenis iklan yang besar contoh Iklan Baner, yang lebarnya 728px dan juga 970px tampilannya akan terpotong jika dipasang di ponsel. Oleh karena itu untuk tutorial kali ini akan ditambahkan beberapa sentuhan CSS supaya iklan baner tersebut menjadi responsive di semua device.

Cara Memasang Iklan Melayang (Floating Ads) di Blogger Dengan Mudah

1. Silahkan kamu login ke Blogger.com dengan menggunakan Gmail kamu.
2. Masuk ke menu TEMA > klik Edit HTML.
3. Cari kode </body> Gunakan CTRL + F untuk mempermudah dan Letakkan kode dibawah ini tepat DIATAS kode tersebut.

<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-->
<!-- LETAKAN IKLAN DISINI 728x90 -->
<!--Akhir script iklan-->
</div>
 </div><!--end: floating ads-->

Lalu untuk kode max-width:728px, itu adalah lebar baner. Jika kalian ingin memasang iklan lebih dari itu misalnya 970px, maka ubah saja mx-width:720px menjadi max-width:970px. Namun jika lebar iklan dibawah 720px, tidak perlu merubah kode ukuran tersebut.

4. Untuk kode <! – LETAKAN IKLAN DISINI 728x90 --> Silakan HAPUS kode tersebut, Lalu ganti dengan kode iklan kalian.
5. Kalau sudah silahkan Klik SIMPAN. Untuk melihat hasilnya silakan buka blog kalian.

Bagaimana mudah bukan untuk penerapan tutorial bagaimana Cara Memasang Iklan Melayang (Floating Ads) di Blogger Dengan Mudah bagi kamu yang masih bingung atau ada masalah tentang blogger silahkan komen di kolom komentar dibawah ini.

Bagikan Artikel ini