Cara Membuat Iklan Melayang (Floating Ads) Responsive di Blog dengan Tombol Close - Mendapatkan penghasilan dari blog merupakan suatu bentuk keberhasilan blog tersebut. Artinya blog yang kita kelola sanggup menjadi sumber perhiasan penghasilan pemiliknya. Penghasilan yang diterima umumnya berasal dari iklan yang tayang di blog tesebut. Iklan yang cukup populer yaitu Google Adsense, Media Net, Infolink, dan lain-lain. Umumnya penyedia iklan tersebut memayar publisher nya menurut jumlah klik iklan yang didapat. Makara semakin banyak klik yang didapat maka semakin besar pula penghasilan yang didapatkan.
Akan tetapi, dalam kenyataannya ada duduk perkara yang dihadapi oleh para publisher iklan, yaitu dengan minimnya jumlah klik iklan yang didapatkan. Banyak sekali faktor yang memperngaruhi klik yang didapatkan, diantaranya jenis iklan, ukuran iklan, dan penempatan iklan. Terkadang walau sudah melaksanakan meningkatkan secara optimal iklan, tapi jumlah klik iklan yang didapat masih belum bertambah banyak. Lalu bagaimana cara mengetasinya? Salah satu caranya dengan menggunakan iklan melayang atau floating ads.
![]() |
Cara menciptakan iklan melayang |
Cara Membuat Iklan Melayang (Floating Ads) Responsive di Blog
Solusi untuk duduk perkara jumlah klik yang sedikit ialah dengan memakai iklan melayang. Iklan melayang ialah iklan yang akan muncul (pop up) dihalaman sebuah blog. Sehingga perhatian pengunjung akan pribadi kesana dan kemungkinan klik akan menjadi lebih besar. Lalu bagaimana cara menciptakan iklan melayang (Floating Ads) Responsive di Blog? Caranya cukup gampang kok, pribadi saja.1. Pertama masuk ke dashboard blogger
2. Masuk ke tema, lalu klik Edit HTML
3. Setelah itu cari instruksi
</body>
dengan menekan tombol Ctrl + F. Setelah ketemu, letakkan instruksi ini sempurna diatas instruksi </body>
<script type='text/j4vascript'> $(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/AVvXsEg5wjEhAOMkh7nZlt0JEIOMliNieGLyuMEsi7YSfEMh00kmIkweVLMUW7FYCgA_qZTTONjfkDo11_uwhE_aCcJR5CP2NMhVWfHdbXFMQ1NCtfT-qNWlPdHw4iLSsTPyM1ke4363fBirsRo/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.
Cara mengedit iklan melayang
Untuk mengatur lebar iklan, silahkan edit instruksi yang berwarna biru, kalau ingin mengubah lebar iklan menjadi lebih dari 728px maka harus maka angka 728px harus diganti sesuai dengan lebar iklan yang diinginkan. Akan tetapi kalau ingin mengganti tetapi lebarnya lebih kecil dari 728px, maka angka 728px tidak perlu diganti.Untuk mengganti iklannya, silahkan ganti instruksi yang berwarna merah dengan kodde iklan anda.
Bagaimana, cukup gampang kan cara menciptakan iklan melayang di blog? Semoga dengan memakai iklan melayang, klik iklan yang didapatkan semakin besar sehingga penghasilan yang didapat juga semakin besar. Jika anda belum memiliki akun Google Adsense, silahkan mendaftar terlebih dahulu, kalau masih bingung, silahkan baca artikel saya wacana cara menciptakan akun google adsense. Terimakasih telah berkunjung di www.bloggerkoplo.com. Salam koplo.
Sumber http://www.bloggerkoplo.com/