Lompat ke konten Lompat ke sidebar Lompat ke footer

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

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

Akan tetapi, dalam kenyataannya ada masalah 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 melakukan optimasi 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 Membuat Iklan Melayang (Floating Ads) Responsive di Blog dengan Tombol Close
Cara membuat iklan melayang

Cara Membuat 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.

Cara mengedit iklan melayang

Untuk mengatur lebar iklan, silahkan edit kode yang berwarna biru, 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.

Untuk mengganti iklannya, silahkan ganti kode yang berwarna merah dengan kodde iklan anda.

Bagaimana, cukup mudah kan cara membuat iklan melayang di blog? Semoga dengan menggunakan iklan melayang, klik iklan yang didapatkan semakin besar sehingga penghasilan yang didapat juga semakin besar. Jika anda belum mempunyai akun Google Adsense, silahkan mendaftar terlebih dahulu, jika masih bingung, silahkan baca artikel saya tentang cara membuat akun google adsense. Terimakasih telah berkunjung di www.bloggerkoplo.com. Salam koplo.

10 komentar untuk "Cara Membuat Iklan Melayang (Floating Ads) Responsive di Blog dengan Tombol Close"

  1. iklanya berdampak negatif gak sma adsens..

    BalasHapus
    Balasan
    1. tidak mas, selagi tidak menutupi konten dan tidak mengganggu pengunjung

      Hapus
    2. Balasnya setengah taun boskuh :v

      Hapus
    3. Baru dimoderasi lagi bang komentarnya kwkwk

      Hapus
  2. Bang, kalo biar ada timernya gimana? Jadi muncul setelah 10 detik gitu

    BalasHapus
    Balasan
    1. Bisa cek di postinganku terbaru gan.. cara menambahkan timer di google adsense

      Hapus
  3. Kalau tombol close-nya di samping kiri / kanan gimana merubahnya ya? Itu tombol close berada di tengah hasilnya

    BalasHapus
    Balasan
    1. text align diubah gan, dari center menjadi left atau right

      Hapus