Membuat Kode Floating Adsense di Blogger

CARA MEMBUAT KODE FLOATING ADSENSE ( iklan melayang ) DI BLOGGER. Jika Anda ingin meningkatkan pendapatan dari Google Adsense, salah satu cara yang efektif adalah dengan membuat iklan yang selalu terlihat oleh pengunjung. Solusi terbaik adalah dengan "membuat iklan melayang (Floating Adsense) di blog" Anda. Iklan ini akan selalu tampil di posisi tertentu meskipun pengunjung melakukan scrolling di halaman blog. Dalam artikel ini, kita akan membahas cara membuat kode floating Adsense di Blogger dengan mudah dan efektif.

Apa Itu Iklan Melayang di Bloggers ?

Iklan melayang atau floating ads adalah iklan yang tetap berada di posisi tertentu meskipun pengguna menggulir halaman. Pada blog, ini bisa digunakan untuk menampilkan iklan Adsense yang terus terlihat oleh pengunjung sehingga peluang klik pada iklan tersebut lebih tinggi. Banyak blogger yang menggunakan teknik ini karena membuat iklan mengambang di blog bisa meningkatkan pendapatan iklan.

Namun, Anda harus berhati-hati agar tidak mengganggu pengalaman pengguna dengan iklan yang terlalu menghalangi konten. Google sendiri mengizinkan praktik ini, tetapi Anda harus memastikan bahwa iklan dapat ditutup oleh pengguna, dan tampilannya tidak berlebihan.

Mengapa Memasang Harus Iklan Melayang (Floating Adsense)?

Salah satu alasan utama membuat widget iklan melayang di Blogger adalah untuk memaksimalkan visibilitas iklan Anda. Iklan yang mengambang tetap terlihat meskipun pengunjung menggulir ke bawah, sehingga meningkatkan kemungkinan mereka mengklik iklan. Selain itu, format ini memungkinkan Anda untuk menempatkan iklan di lokasi strategis tanpa mengganggu konten utama.

Dengan membuat iklan melayang di blog, Anda memberikan kesempatan kepada iklan untuk tampil lebih lama di layar pengunjung, terutama pada perangkat mobile, di mana scrolling sangat sering dilakukan. Jadi, peluang untuk mendapatkan lebih banyak klik meningkat.

Cara Membuat Kode Floating Adsense di Blogger

Untuk membuat iklan melayang di blog, Anda hanya memerlukan sedikit modifikasi HTML, CSS, dan JavaScript pada template blog Anda. Berikut ini langkah-langkah untuk membuat iklan Adsense mengambang di bagian bawah layar blog.

Langkah 1: Tambahkan Kode HTML Iklan di Blogger

Buka akun Blogger Anda dan ikuti langkah-langkah berikut:

1. Masuk ke "Dashboard Blogger".

2. Pilih "Tema" lalu klik "Edit HTML".

3. Tambahkan kode HTML berikut ke dalam template Anda, idealnya di bagian bawah sebelum tag `</body>`:

<div id="adsense-float" class="adsense-container">
  <div class="adsense-content">
    <!-- Masukkan kode iklan Adsense di sini -->
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
         data-ad-slot="XXXXXXXXXX"
         data-ad-format="auto"></ins>
    <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    <button id="close-ads" class="close-btn">✖ Close</button>
  </div>
</div>

Pada bagian `data-ad-client` dan `data-ad-slot`, pastikan Anda mengganti dengan kode Adsense milik Anda. Kode ini akan menampilkan iklan Adsense di bagian bawah layar, yang mengambang di atas konten.

Langkah 2: Tambahkan CSS untuk Styling Iklan

Agar tampilan "iklan melayang di blog" Anda terlihat menarik dan responsif, tambahkan kode CSS berikut ke dalam template Blogger:

.adsense-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  padding: 10px 0;
}
.adsense-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.close-btn {
  position: absolute;
  top: -10px;
  right: 10px;
  background-color: #ff5c5c;
  border: none;
  color: white;
  font-size: 14px;
  padding: 5px;
  cursor: pointer;
  border-radius: 50%;
}
.close-btn:hover {
  background-color: #ff1c1c;
}

Kode ini akan memungkinkan tombol "Close" untuk menutup iklan saat diklik, sehingga pengunjung dapat menghapus iklan jika mereka merasa terganggu.

Tips dan Trik dalam Membuat Iklan Melayang (Floating Adsense) di Blog

Meskipun membuat widget iklan melayang di Blogger bisa sangat menguntungkan, ada beberapa hal yang perlu diperhatikan:

1. Ukuran Iklan: Pastikan ukuran iklan sesuai dengan tampilan layar, terutama untuk perangkat mobile. Iklan yang terlalu besar dapat mengganggu pengalaman pengguna.

2. Posisi Tombol Close: Tombol close harus mudah diakses oleh pengunjung agar mereka dapat menutup iklan jika diperlukan.

3. Kepatuhan terhadap Kebijakan Adsense: Google Adsense memiliki aturan yang ketat terkait penempatan iklan. Pastikan untuk membaca kebijakan dan tidak melanggar aturan agar akun Anda tetap aman.

Dengan mengikuti panduan di atas, Anda kini dapat membuat iklan melayang di blog yang akan meningkatkan visibilitas iklan Adsense Anda. Iklan yang mengambang ini sangat efektif untuk meningkatkan jumlah klik, terutama pada perangkat mobile. Ingatlah untuk selalu memperhatikan pengalaman pengguna dan memastikan iklan Anda tidak terlalu mengganggu pengunjung blog.

Memanfaatkan teknik floating Adsense tidak hanya meningkatkan pendapatan, tetapi juga memungkinkan iklan Anda untuk terus terlihat tanpa mengganggu konten utama. Pastikan Anda menggunakan kode yang telah kami berikan untuk mendapatkan hasil terbaik.