Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blogger

Cara Membuat Iklan Melayang / Floating Ads di Blog

Oleh Blogger Toraja

Selamat datang di situs Blogger Toraja.

Sebagai pengelola blog, kita pasti akan mengusahakan berbagai macam cara agar blog yang sementara dikelola bisa berpenghasilan. Blog yang sudah berpenghasilan bisa dikategorikan kedalam blog yang sukses karena sudah ada hasil yang didapatkan dari kerja keras membuat dan mempublikasikan konten artikel di blog.

Untuk mendapatkan penghasilan dari blog, ada banyak cara yang bisa dilakukan salah satunya menjadi penayang iklan. Salah satu media periklanan yang paling populer saat ini adalah Google Adsense. Disamping Adsense ada juga beberapa platform periklanan lainnya seperti MGID, Adsterra, Popads, Adnow, Medianet, Propeller Ads, dan lain-lain yang bisa dipasang di blog untuk mendapatkan penghasilan tambahan.

Biasanya media periklanan seperti itu membayar para penayang iklan berdasarkan jumlah klik iklan di Blog. Jadi semakin banyak kamu mendapatkan klik iklan maka semakin besar pula uang yang bisa didapatkan.

Untuk itu, kita akan menempatkan iklan di posisi-posisi paling strategis dalam blog misalnya di bagian header, atas artikel, tengah artikel, bawah artikel, sidebar right maupun di footer blog.

Walaupun iklan sudah ditempatkan di tempat-tempat strategis dalam blog namun biasanya jumlah klik yang didapatkanpun masih sedikit. Jadi mau tidak mau kamu harus putar otak lagi mengatur penempatan iklannya. 

Jadi salah satu cara yang banyak digunakan para blogger mengatasi hal tersebut adalah dengan memasang iklan melayang atau floating ads di bagian bawah halaman blog dengan tombol X (close).

Nah pada pembahasan kali ini, Blogger Toraja akan memaparkan bagaimana cara membuat dan memasang iklan melayang (floating ads) di tengah blog dengan tombol X (close). Yuk langsung saja disimak pembahasannya berikut.

Script HTML Iklan Melayang Versi Mobile dan Desktop

Agar bisa memasang iklan melayang di blog tentunya kamu memerlukan script HTML floating ads. Script yang akan saya bagikan ini hanya bisa kamu gunakan di platform blogger sedangkan untuk Wordpress belum kami sediakan.

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp_UqpCH4Xiwc4cbXM9QI_QRH0H0YbqUMDOjwi9oP3vYNpNPpyGH982uZYw5RrvSEfuBU-yAiTPA_HxvfqWIeDrLIpRVqz3je9F01T2hKqapMg81ASthhBxi2ksz8l36PpRQKm8KKVAKk/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-->

Script iklan melayang diatas sangat responsive di blog untuk versi mobile maupun versi desktop sehingga aman digunakan dan tidak merusak tampilan blog.

Cara Membuat Iklan Melayang dengan Tombol X di Blog

Berikut ini tutorial membuat dan memasang iklan melayang / floating ads di bagian tengah bawah halaman blog dengan tombol X (close):

  • Masuk ke dashboard blogger
  • Kemudian ke menu tema lalu Edit HTML
  • Selanjutnya tekan Ctrl+F lalu cari tag </body> dan letakkan kode iklan melayang yang sudah saya lampirkan diatas tepat diatas tag </body>
  • Jika script sudah dipasang di blog, jangan simpan dulu. Silahkan masuk ke dasboard adsense lalu ke menu Iklan → Ringkasan → Menurut Unit Iklan → Iklan Display
  • Selanjutnya ubah ukuran iklan dari Responsive menjadi Tetap. Untuk lebar, bisa kamu atur menjadi 728px dan tinggi 90px. Selain ukuran tersebut, banyak orang juga menggunakan ukuran 728 x 200 px. Jadi tergantung kamu mau pakai ukuran yang mana. Jika sudah, klik Buat.
  • Kemudian klik Salin cuplikan kode
  • Setelah kode adsense disalin, silahkan masuk kembali ke dashboard blogger (Edit HTML) lalu ganti TARUH KODE IKLAN ANDA DISINI dengan kode adsense yang sudah dicopy tadi. Jika sudah maka hasilnya akan sama seperti gambar berikut.

  • Jika semua sudah diatur, silahkan klik Simpan
  • Selesai.

Nah dengan demikian kamu telah selesai memasang floating ads atau iklan melayang di blogger. Untuk tampilan iklannya bisa kamu liat sendiri di blog ini karena saya juga menggunakan floating ads. Mudah bukan?

Amankah Memasang Iklan Melayang Adsense di Blog?

Mungkin kamu juga bertanya-tanya, kira-kira amankah kita menggunakan iklan melayang adsense di Blog? Menurut pengalaman saya menggunakan floating ads selama satu tahun terakhir aman-aman saja dan tidak ada pemberitahuan pelanggaran adsense. 

Demikianlah pembahasan saya mengenai Cara Membuat Iklan Melayang / Floating Ads di Tengah Bawah Halaman Blog dengan Tombol X (Close), semoga artikel ini dapat membantu dan bermanfaat. Selamat mencoba, terima kasih.

Blogger Toraja
Blogger Toraja Menulis adalah bekerja untuk keabadian, semua orang akan mati kecuali karyanya
close