Cara Agar Navigasi Blog Tidak Tertutup atau Bergeser Saat Page Level Ads Muncul
komputerdia.com - Page level ads merupakan salah satu format iklan yang disediakan oleh google adsense, diman iklan ini sudah dirancang dan dikhusukan untuk tampil di perangkat ponsel. Dengan demikian, ketika kalian memasang iklan jenis ini, maka iklan ini secara otomatis akan hanya keluar ketika kalian atau pengunjung blog kalian mengakses blog tersebut melalui perangkat ponsel saja.
Berkaitan dengan page level ads, dalam tutorial ini saya akan sedikit menjelaskan trik bagaimana cara mengatasi agar ketika page level ads muncul tidak memberikan efek yang kurang kita inginkan. Kebanyakan kasus yang terjadi, ketika iklan dengan jenis page level ads ini muncul biasanya akan menimbulkan dua masalah umum, masalah tersebut adalah sebagai berikut
Berkaitan dengan page level ads, dalam tutorial ini saya akan sedikit menjelaskan trik bagaimana cara mengatasi agar ketika page level ads muncul tidak memberikan efek yang kurang kita inginkan. Kebanyakan kasus yang terjadi, ketika iklan dengan jenis page level ads ini muncul biasanya akan menimbulkan dua masalah umum, masalah tersebut adalah sebagai berikut
- Page level ads akan menutupi bagian header atau navigasi blog, sehingga pengunjung tidak bisa melakukan ekplore lebih jauh di blog yang kita kelola
- Page level ads akan menggeser atau menurunkan posisi dari navigasi blog
Hal ini bisa terjadi karena terdpat kode CSS yang ditambahkan secara otomatis oleh Google ketika script AdSense tersebut dijalankan. Jika melihat tujuan utama dari script tersebut memang bagus, yakni agar posisi header atau navigasi blog tidak terutup iklan dengan efek samping posisi layout blog akan sedikit turun, namun hal tersebut hanya terjadi pada blog yang mempunyai navigasi disamping.
Beda halnya dengan blog yang mempunyai navigasi dengan gaya sticky dan berada di atas, maka jelas iklan jenis ini akan menutupi navigasi blog tersebut, hal ini telah saya alamai sendiri di blog komputerdia.com ini. Saya rasa penjelasan diatas cukup memberikan sedikit jawaban, langkah selanjutnya kita akan masuk ke tahap pengerjaannya
Mengatasi Masalah Page Level Ads
- Pastikan kode iklan jenis page level ads sudah terpasang di blog kalian, untuk mengeceknya silahkan cari diantara tag <head> dan </head>
- Jika sudah terpasang silahkan kalian cari kode css yang berada di bagian selector body, bisanya kode tersebut berawalan body {
- Biasanya keseluruhan kode tersebut akan terlihat seperti dibawah ini
body {
background: $(body.background);
margin: 0 0 0 0;
padding: 0 0 0 0;
color: $(body.text.color);
font: $(page.text.font);
text-align: left;
}
- Jika kode tersebut telah kalian temukan, lihatlah pada bagian kode yang saya berikan keterangan warna merah, itu adalah kode standar bawaan template.
- Agar iklan jenis page level ads bisa bekerja sesuai dengan apa yang kita bahas di artikel ini, kalian harus mengubah kode berwarna merah tersebut menjadi padding: 0px !important; atau padding: 0 0 0 0 !important;
- Maka ketika kode tersebut telah diubah akan terlihat seperti dibawah ini
/body {
background: $(body.background);
margin: 0 0 0 0;
padding: 0px !important;
color: $(body.text.color);
font: $(page.text.font);
text-align: left;
}
- Jika dalam struktur kode body { template kalian tidak terdapat property padding, silahkan kalian tambahkan kode padding: 0px !important; ke dalam struktur kode yang sudah ada, tanpa menghapus kode apapun
- Setelah perubahan selesai dilakukan, silhkan simpan template tersebut dan lihat hasilnya di perangkat ponsel
- Jika penerapan kode berhasil, maka tampilan page level ads blog kalian akan terlihat seperti pada gambar dibawah ini
Triknya berhasil, terimakasih sudah share
ReplyDelete