Cara Membuat Iklan Melayang (Floating Ads) di Blog dengan Tombol Clos

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.

Banner Iklan Melayang di Bawah Blog merupakan kode yang dirancang khusus untuk pengguna blogger, untuk memasang banner iklan. Bagi kamu pengguna blogger pasti merasakan betapa susahnya dalam mengelola blog, terutama bagi pemula. Berbeda dengan wordpress, hanya dengan menginstal plugin khusus, seperti Ad Inserter, pengguna dengan mudahnya menempatkan iklan di mana saja.

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://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'>
<!--Script iklan-->
TARUH KODE IKLAN ANDA DISINI
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

4. Setelah itu klik simpan template.

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.

Demikian artikel yang bisa saya bagikan mengenai Cara Membuat dan Memasang Iklan Floating Ads atau Iklan Melayang di Blog dengan Tombol x (Close). Jika kamu suka silahkan share dan tinggalkan komen di bawah postingan ini, agar bisa bermanfaat untuk banyak orang. Terima kasih dan selamat mencoba.