Beranda Blog & Website Cara Membuat Iklan Float Kanan dan Kiri di WordPress

Cara Membuat Iklan Float Kanan dan Kiri di WordPress

369
0
BERBAGI
iklan floating kanan kiri wordpress
iklan floating kanan kiri wordpress

Halo sobat darsitek, kali ini saya akan menulis artikel mengenai pengalaman saya berhasil memasang iklan float/menempel disisi kanan atau kiri blog wordpress. Mungkin anda sudah familiar dengan iklan yang seperti ini, khusus blogwalking pasti sudah tau dengan iklan yang seperti ini.

Banyak para blogger yang mempunyai ukuran lebar konten website sangat kecil biasanya 1040px atau bahkan lebih kecil lagi. Resolusi ini jika dibuka melalui notebook ukuran websitenya akan pas, tetapi ketika dibuka melalui Laptop, Komputer atau Desktop yang resolusinya lebih besar maka akan terlihat tidak full. Sebelah kanan dan kiri pada website akan ada space kosong yang menurut saya kurang menarik jika tidak ditambahkan sesuatu.

Banyak situs-situs terkenal yang menggunakan iklan ini untuk meningkatkan pendapatan mereka. Dan itu terbukti sangat ampuh ketika saya memasang iklan float (bukan situs asdar.id), pendapatan saya menjadi merosot tajam. Ini bisa kalian praktekkan untuk blog/website WordPress kalian.

Cara Membuat Iklan Float Kanan dan Kiri di WordPress

Nah, bagi teman-teman yang penasaran bagaimana cara membuatnya, darsitek akan membagikan caranya secara gratis untuk kalian. Ini bisa digunakan untuk memasang iklan banner atau iklan adsense kalian. Mengenai larangan menggunakan iklan float oleh Google Adsense saya rasa tidak masalah. Selama iklan tidak mengganggu konten, akun adsense akan tetap aman. Mengenai kriteria blog/website yang bisa memasang iklan float seperti ini Google Adsense tidak menyebutkannya secara pasti. Tapi yang jelas iklan floating diperbolehkan oleh Google.

Yang Perlu dipersiapkan

Yang perlu dipersiapkan sebelum membuat iklan floating adalah sebagai berikut:

  1. Akses ke Panel Admin WordPress.
  2. Plugin Devvn Float Left Right Ads. Plugin ini free lisense, silahkan unduh disini atau disini.
  3. Mengerti sedikit mengenai CSS atau dunia gaya dalam ilmu percodingan.
  4. Pastikan bahasa WordPress kalian bahasa Indonesia agar lebih dipahami tutorialnya.

Loading...

Langkah-Langkah Untuk Membuatnya

  1. Masuk ke Panel Admin WordPress kalian masing-masing.
  2. Instal Plugin Devvn Float Left Right Ads. Masuk ke Menu Plugin > Tambah Baru. Saya anggap anda sudah mengetahui cara menginstal plugin di WordPress. Setelah plugin terinstal, aktifkan pluginnya.
  3. Masuk ke Menu Pengaturan > Float Left Right Ads. Ikuti nilai setingannya sesuai gambar berikut.
    pengaturan float right ads
    • Show ads if client screen width >= maksudnya iklan akan muncul pada user jika resolusinya diisi dengan nilai/value tertentu.
    • Main content width maksudnya lebar keseluruhan dari ukuran konten blog/website kalian.
    • Untuk yang lainnya saya anggap anda sudah mengetahuinya.
    • Jika telah selesai, klik Save/Simpan.
  4. Masih tetap di menu Float Left Right Advertising Setting, ubah HTML left Code dan HTML right Code dengan kode berikut.
    • <a href="https://www.asdar.id/periklanan/" target="_blank"><img src="https://www.asdar.id/wp-content/uploads/2018/02/pasang-iklan.jpg" alt="" /></a>
    • Untuk url tujuan (href) dan sumber gambar banner (src), silahkan sesuaikan dengan kondisi masing-masing.
    • Jika kalian mempunyai adsense, silahkan hapus kodenya lalu pastekan kode iklannya di kolom HTML left Code dan HTML right Code.
  5. Masuk ke Menu Tampilan > Sesuaikan. Pada menu yang ada pilih CSS Tambahan, masukkan kode CSS berikut agar jika lebar lebih kecil dari iklan maka otomatis iklan akan hilang, yang artinya jika lebar resolusi rendah seperti menggunakan notebook, iklan akan hilang dan mencegah iklan menutupi konten. Anda dapat mengatur lebarnya sesuai blog/website kalian.
    • /*
      CSS untuk mengatur iklan float agar hilang jika resolusi layar lebih kecil
      */
      
      @Media(max-width: 1490px){
       #divFLRARight, #divFLRALeft {
      display: none !important;
      }
      }
    • Nilai 1490px didapat dari 1484 + 3 + 3 = 1490. Angka 3 merupakan margin/jarak pemisah dari iklan floating dan konten blog/website.
  6. Jika telah selesai, silahkan Save.
Sebagai catatan, jika anda memasang iklan Google Adsense di Blog/Website kalian, jangan sekali-kali memasang iklan banner yang berbau Judi atau Pornografi pada floating ads. Jika tetap dilakukan maka akan menyebabkan akun Adsense anda di banned karena telah melanggar TOS dari Google Adsense. Baca kebijakan Google Adsense berikut.

Jika konfigurasi telah selesai, maka anda sudah berhasil membuat iklan float di kanan dan kiri blog/website wordpress. Jangan lupa tinggalkan jejak kalian dengan like dan berkomentar pada kolom komentar dibawah. Sekian dan terimakasih 🙂

LEAVE A REPLY

Please enter your comment!
Please enter your name here