Cara Mudah Agar Header Pada Blogger Tidak Bergeser Ke Bawah Saat Muncul Page Level Ads

Beberapa saat lalu saya memasang Iklan Page Level Ads atau yang biasa di sebut sebagai iklan melayang secara default iklan tersebut muncul dibagian atas layar. Biasa iklan tersebut akan tampil pada versi mobile saat pengunjung situs mengakses situs blog anda menggunakan smartphone atau tablet. Iklan Page Level Ads juga termasuk iklan yang memiliki CPT tinggi sehingga suatu hal yang wajib untuk memasang Iklan Page Level Ads pada blog.

Permasalah yang sering terjadi setelah pemasangan Iklan Page Level Ads adalah terjadinya pergeseran header blogger saat iklan page level ads tersebut tampil, hal tersebut merupakan suatu hal wajar jika kita memasang iklan page level ads ini. 

Karena adanya CSS yang ditambahkan secara otomatis oleh Google ketika script AdSense dijalankan. Tujuannya agar header tidak terutup iklan sehingga menggeser header atau navigasi yang membuat elemen tersebut memiliki jarak dari batas atas layar.

Jadi bagi anda yang berniat untuk menerapkan agar header pada blogger tidak bergeser ke bawah saat muncul page level ads saya akan memperikan tips nya. Tips tersebut sebenarnya saya dapat dari blogger terkenal Igniel dan trik ini cuma butuh 1 baris kode saja. jadi disini saya hanya menshare kembali tips yang di berikan oleh Igniel. Berikut adalah langkah-langkah yang harus kalian terapkan.

Cara Mudah Agar Header Pada Blogger Tidak Bergeser Ke Bawah Saat Muncul Page Level Ads

1. Login Blogger > Edit HTML > Cari kode CSS dari selector body

2. Tambahkan kode berikut di dalamnya tanpa menghapus kode yang sudah ada:

padding:0px !important;

3. Jika sudah ada property padding maka tinggal diganti valuenya menjadi 0px !important

4. Hasilnya kurang lebih seperti ini:

body {
  ...
  ...
  padding: 0px !important;
  ...
  ...
}

 

Note : Di Blog saya meletakkannya di body{padding: 0px !important;}

5. Simpan perubahan dan cek kembali tampilan iklan di versi mobile atau menggunakan Smartphone

Sesudah menerapkan header akan tetap di atas dan tertutup Page Level Ads

Kenapa bisa terjadi pergeseran header?, Karna CSS yang ditambahkan otomatis adalah property padding untuk selector body. Maka dari itu kita membutuhkan !important agar jarak padding tidak terpengaruh oleh kode CSS yang ditambahkan Google Adsense. 

Demikian Tutorial bagaimana Cara Mudah Agar Header Pada Blogger Tidak Bergeser Ke Bawah Saat Muncul Page Level Ads. Semoga informasi yang saya berikan bermanfaat dan sampai jumpa pada tutorial selanjutnya.

Sumber Referensi : Igniel