Menghilangkan Background Iklan Adsense Di Tema Twenty Sixteen

<h2>Menghilangkan Background Iklan Adsense di Tema Twenty Sixteen: Panduan Lengkap</h2>

Menghilangkan Background Iklan Adsense di Tema Twenty Sixteen: Panduan Lengkap

<img src=”https://bisablog.com/wp-content/uploads/2018/07/cara-menghilangkan-background-kuning-pada-banner-iklan-google-adsense.png” alt=”Menghilangkan Background Iklan Adsense di Tema Twenty Sixteen: Panduan Lengkap” />

Tema Twenty Sixteen, meskipun sudah agak usang, masih digunakan oleh banyak pengguna WordPress karena kesederhanaannya dan kemudahan kustomisasinya. Namun, tampilan default dari iklan Adsense di tema ini terkadang kurang ideal, dengan background yang bisa mengganggu estetika website. Artikel ini akan memandu Anda secara detail dalam menghilangkan background iklan Adsense di tema Twenty Sixteen, baik dengan metode CSS sederhana maupun dengan plugin tambahan. Kami akan membahas berbagai skenario dan memberikan solusi yang komprehensif, termasuk troubleshooting jika Anda mengalami kendala.

Memahami Masalahnya:

Sebelum kita masuk ke solusi, penting untuk memahami mengapa background iklan Adsense muncul dan bagaimana kita bisa menanganinya. Iklan Adsense secara default memiliki background sendiri, yang seringkali berupa warna putih atau warna yang kontras dengan desain website Anda. Hal ini bisa membuat iklan terlihat mencolok dan kurang menyatu dengan tampilan keseluruhan. Tujuan kita adalah untuk membuat iklan terlihat lebih seamless dan terintegrasi dengan desain website, sehingga tidak mengganggu pengalaman pengguna.

Metode 1: Mengedit CSS dengan Child Theme (Metode yang Direkomendasikan)

Metode yang paling direkomendasikan untuk memodifikasi tampilan tema WordPress, termasuk menghilangkan background iklan Adsense, adalah dengan menggunakan child theme. Child theme memungkinkan Anda untuk memodifikasi tampilan tema induk (Twenty Sixteen) tanpa harus memodifikasi file tema induk langsung. Hal ini sangat penting karena jika Anda memperbarui tema induk, modifikasi yang Anda buat secara langsung pada file tema induk akan hilang.

Berikut langkah-langkahnya:

1. Membuat Child Theme: Anda bisa membuat child theme secara manual dengan membuat folder baru di direktori /wp-content/themes/ dengan nama twentysixteen-child (atau nama yang Anda inginkan). Di dalam folder tersebut, buat file style.css dan functions.php.

<img src=”https://omjon.com/wp-content/uploads/2019/10/Cara-Menghilangkan-Background-Kuning-Iklan-Adsense-di-Blogger.jpg” alt=”Menghilangkan Background Iklan Adsense di Tema Twenty Sixteen: Panduan Lengkap” />

2. File style.css: Di dalam file style.css, tambahkan kode berikut:

/*<img src="https://tarjiem.com/wp-content/uploads/2016/08/iphone-tarjiem-desain-halaman-iklan-wordpress-themes-twenty-sixteen-seluler.jpg" alt="Menghilangkan Background Iklan Adsense di Tema Twenty Sixteen: Panduan Lengkap" />
Theme Name: Twenty Sixteen Child
Theme URI:  
Description: A child theme of Twenty Sixteen.
Author:  Anda
Author URI: <img src="https://2.bp.blogspot.com/-PG5Kqlu01FU/XBs5Bo_n3MI/AAAAAAAAEWo/yZFBsrUDktcfpYBUuNspz9OCnGuw44qfwCLcBGAs/s1600/Cara%2BMemasang%2BIklan%2BAdsense%2Bdi%2BAtas%252C%2BTengah%2Bdan%2BBawah%2BArtikel%2Byang%2BBerpotensi%2BKlik%2B1a.jpg" alt="Menghilangkan Background Iklan Adsense di Tema Twenty Sixteen: Panduan Lengkap" />
Template: twentysixteen
Version: 1.0
*/

3. File functions.php: File ini biasanya kosong. Kita akan menambahkan kode di sini nanti jika diperlukan untuk fungsi-fungsi tambahan.

4. Mengaktifkan Child Theme: Setelah membuat child theme, aktifkan melalui dashboard WordPress Anda di bagian Appearance > Themes.

5. Menambahkan CSS untuk Menghapus Background: Sekarang, buka file style.css pada child theme Anda dan tambahkan kode CSS berikut untuk menghilangkan background iklan Adsense. Kode ini menargetkan elemen <ins> yang biasanya digunakan oleh Adsense:

ins 
    background-color: transparent !important;

Kode !important digunakan untuk memastikan bahwa style ini akan menimpa style default dari Adsense.

6. Menyesuaikan Padding dan Margin: Setelah menghilangkan background, Anda mungkin perlu menyesuaikan padding dan margin iklan agar tampilannya lebih rapi. Anda bisa menambahkan kode CSS berikut ke style.css:

ins 
    background-color: transparent !important;
    padding: 10px; /* Sesuaikan nilai padding sesuai kebutuhan */
    margin: 10px 0; /* Sesuaikan nilai margin sesuai kebutuhan */

Metode 2: Menggunakan Plugin (Metode yang Lebih Mudah, Tapi Kurang Direkomendasikan)

Meskipun metode child theme direkomendasikan, Anda juga bisa menggunakan plugin untuk menghilangkan background iklan Adsense. Namun, metode ini kurang direkomendasikan karena bergantung pada plugin pihak ketiga, yang bisa menyebabkan konflik dengan tema atau plugin lain. Selain itu, plugin yang tidak terawat dengan baik bisa menimbulkan masalah keamanan.

Beberapa plugin yang mungkin bisa membantu (periksa ulasan dan kompatibilitas sebelum menginstal):

• Cari plugin yang khusus menangani kustomisasi iklan: Cari plugin yang memungkinkan Anda untuk mengontrol style iklan Adsense secara detail. Bacalah deskripsi dan ulasan pengguna sebelum menginstal.

• Pastikan plugin kompatibel dengan Twenty Sixteen: Beberapa plugin mungkin tidak kompatibel dengan semua tema. Pastikan plugin yang Anda pilih kompatibel dengan tema Twenty Sixteen.

Troubleshooting:

Jika metode di atas tidak berhasil, berikut beberapa hal yang perlu diperiksa:

• Konflik CSS: Pastikan tidak ada kode CSS lain yang bertentangan dengan kode yang Anda tambahkan. Cobalah menonaktifkan plugin lain untuk melihat apakah ada konflik.

• Caching: Bersihkan cache browser dan cache plugin caching (seperti WP Super Cache atau W3 Total Cache) agar perubahan CSS Anda diterapkan.

• Versi Adsense: Pastikan Anda menggunakan versi Adsense terbaru. Perubahan pada kode Adsense mungkin memerlukan penyesuaian kode CSS.

• Inspeksi Elemen: Gunakan fitur "Inspect Element" di browser Anda untuk memeriksa kode HTML dan CSS iklan Adsense. Ini akan membantu Anda mengidentifikasi elemen yang perlu ditargetkan dengan kode CSS Anda.

Tips Tambahan:

• Responsif Design: Pastikan kode CSS Anda kompatibel dengan responsive design agar iklan terlihat baik di berbagai ukuran layar.

• Pengujian: Selalu uji perubahan Anda di berbagai browser dan perangkat sebelum mempublikasikannya.

• Backup: Sebelum membuat perubahan apa pun, selalu buat backup website Anda untuk berjaga-jaga jika terjadi kesalahan.

Kesimpulan:

Menghilangkan background iklan Adsense di tema Twenty Sixteen dapat meningkatkan estetika website Anda dan membuat iklan terlihat lebih terintegrasi. Metode child theme adalah solusi yang paling direkomendasikan karena lebih aman dan terhindar dari konflik dengan plugin lain. Meskipun metode plugin lebih mudah, Anda harus berhati-hati dan memilih plugin yang terpercaya dan kompatibel dengan tema Anda. Dengan panduan langkah demi langkah dan troubleshooting yang telah dijelaskan di atas, Anda seharusnya mampu menghilangkan background iklan Adsense dan meningkatkan tampilan website Anda. Ingatlah untuk selalu menguji perubahan Anda dan membuat backup sebelum melakukan modifikasi pada website Anda. Semoga artikel ini bermanfaat!

<img src=”https://2.bp.blogspot.com/-z9Gdu3K2Y5A/WuG4kQn7jqI/AAAAAAAAAVU/OOpXGusGFuskT6eUECcQvHl89ofQutv1wCLcBGAs/s1600/1.JPG” alt=”Menghilangkan Background Iklan Adsense di Tema Twenty Sixteen: Panduan Lengkap” />

<h2>Artikel Terkait</h2>

• Mengenal Istilah Admob Adsense
• Mengatasi Google Adsense Disabled
• Membuat Google Adsense Dengan Nama Lain
• Memasang Adsense Di Bawah Postingan
• Membuat Iklan Sendiri Di Google Adsense