Cara Mudah dan Responsif Membuat Floating Ads dengan Tombol Close pada Blogger

Mendapatkan Pendapatan dari Blog

Mendapatkan pendapatan dari blog merupakan suatu prestasi untuk blog tersebut. Ini berarti bahwa blog yang dikelola dapat menjadi sumber pendapatan tambahan bagi pemiliknya. Pendapatan ini umumnya berasal dari iklan yang ditampilkan di blog. Beberapa platform iklan populer yang digunakan termasuk Google Adsense, Media Net, Infolink, dan sebagainya. Umumnya, platform iklan membayar penerbitnya berdasarkan jumlah klik yang diterima oleh iklan. Semakin banyak klik yang diterima, semakin besar pula pendapatan yang dihasilkan.

Masalah Jumlah Klik yang Minim pada Iklan

Namun, kenyataannya, para penerbit iklan sering menghadapi masalah dengan jumlah klik iklan yang minim. Banyak faktor yang mempengaruhi jumlah klik yang diterima, seperti jenis iklan, ukuran iklan, dan lokasi iklan. Terkadang, meskipun telah melakukan optimasi iklan, jumlah klik yang diterima tetap tidak bertambah banyak. Bagaimana cara mengatasi masalah ini? Salah satu cara yang bisa digunakan adalah dengan menggunakan iklan melayang atau floating ads.

Mengatasi Masalah Jumlah Klik Iklan yang Minim dengan Floating Ads

Mengatasi masalah jumlah klik yang minim bisa dilakukan dengan memanfaatkan floating ads. Floating ads adalah jenis iklan digital yang populer dan efektif untuk menarik perhatian pengunjung website atau blog kamu. Floating ads sering kali tampil sebagai iklan mengambang di bagian bawah halaman website atau blog. Jika kamu ingin memasang iklan jenis ini di website atau blog kamu, berikut adalah cara membuatnya dengan mudah dan responsif.

Pertama, kamu perlu masuk ke dashboard blogger dan mengakses menu tema. Kemudian, pilih opsi Edit HTML untuk membuka kode HTML tema kamu. Selanjutnya, gunakan tombol Ctrl + F untuk mencari kode </body>. Setelah menemukannya, kemudian salin dan tempelkan dibawah kode </body>, berikut ini kode script floating ads yang telah disediakan seperti di bawah ini, jangan lupa untuk simpan template:

<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('floatads').style.display = 'none';" style="cursor: pointer"
      ><img alt="close" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaARg3vCX9YISInNily_VLv1fOrM5MSHd0UYf2tKVuoN8yR8WSt573PM4d1ILe6UBbUONx98PQ19plqQR_oSFAq5ijAFYskGD4tTuvLdQeLtP94PZbX77Q5YW_z_sdhsrquEEiaUr_9aM/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-->

Kode script ini akan menampilkan iklan kamu pada bagian bawah halaman website atau blog kamu, dan akan menghilang ketika pengunjung mengklik tombol close di bagian atas iklan. Namun, pastikan untuk menambahkan kode iklan kamu pada bagian yang ditunjuk oleh komentar "Script iklan".

Dalam script floating ads ini, kamu juga dapat menyesuaikan ukuran iklan dengan mengubah nilai pada atribut "max-width" dan "height" pada elemen div di bagian bawah script.

Kesimpulan

Sekarang kamu sudah tahu cara membuat floating ads dengan mudah dan responsif. Pastikan untuk memasang iklan yang menarik dan relevan dengan konten website atau blog kamu agar dapat menarik perhatian pengunjung dan meningkatkan penghasilan dari iklan tersebut.

Begitulah cara pembuatan iklan melayang atau floating ads dengan tombol close pada platform blogger. Penggunaan iklan melayang dapat meningkatkan jumlah klik pada iklan yang ditempatkan. Namun, perlu diingat agar tidak menempatkan iklan tersebut di atas artikel, sehingga tetap memungkinkan pembaca untuk membaca konten secara nyaman.