Cara Agar Header atau Navigasi Tidak Bergeser Saat Page Level Ads Muncul

AmbyarBlog - Iklan Otomatis atau Page Level Ads biasanya muncul diatas header tapi bisa juga tampil dibawah, jika iklan ini muncul diatas maupun dibawah otomatis akan mendorong elemen HTML dan mengakibatkan posisi bergeser.

Seperti contoh dibawah ini, dia akan mengeser header atau navigasi yang membuat elemen tersebut memiliki jarak antara batas layar atas.

Hasil sebelum dan sesudah pemasang kode CSS

Terkadang ada beberapa orang yang tidak menyukai kalau headernya bergeser ke bawah.  Oleh karena itu saya akan berbagi tutorial supaya header atau navigasi blog sobat tidak bergeser kebawah ketika Page Level Ads tersebut muncul.

Nah, inilah tutorialnya silahkan simak dengan baik-baik oleh sobat.

Cara Agar Header atau Navigasi Tidak Bergeser Saat Page Level Ads Muncul

1. Buka dashboard Blogger sobat.
2. Pilih menu Tema > Edit HTML.
3. Kemudian cari kode CSS dari selectorbody.
4. Tambahkan kode berikut didalamnya tanpa menghapus kode yang sudah ada.

padding:0px !important;

5. Hasilnya akan seperti ini:

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

6. Apabila sudah jangan lupa Simpan dan cek kembali, apakah header sobat tidak bergeser ketika Page Level Ads muncul.

Kenapa dapat terjadi? Dikarenakan ada kode CSS yang otomatis ditambahkan oleh Google ketika AdSense dijalankan.

Itulah Cara Agar Header atau Navigasi Tidak Bergeser Saat Page Level Ads Muncul yang dapat saya bagikan. Semoga bermanfaat, apabila ada pertanyaan silahkan komen di kolom komentar. Sampai jumpa dan terima kasih.