test

Untuk panduan cara setting template silakan kunjungi https://sugeng.id/panduan-template-viomagz/

Selamat pagi,
Dikarenakan cukup banyak yang request supaya iklan di tengah artikel pada template VioMagz menjadi full-width, template viomagz saya update lagi menjadi versi 2.5 dengan perubahan iklan di tengah artikel menjadi full-width.

Bagi pengguna versi sebelumnya tidak perlu mendownload dan memasang ulang template, cukup ikuti panduan di bawah:

1. Login ke Blogger > Tema > Edit HTML

2. Cari dan hapus kode ini :

    .post {
        overflow: hidden;
    }
   
3. Cari kode ini :

]]></b:skin>

jika ketemu, tambahkan kode ini tepat di atasnya:

@media screen and (max-width:800px){
    .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas {
        margin: 0 -20px;
    }
    #kode-iklan-atas, #kode-iklan-bawah, #kode-iklan-tengah1, #kode-iklan-tengah2 {
        width: 100vw;
    }
}
@media screen and (max-width:640px){
    .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas {
        margin: 0 -15px;
    }
}
@media screen and (max-width:480px){
    .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas {
        margin: 0 -12px;
    }
}
@media screen and (max-width:320px){
    .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas {
        margin: 0 -10px;
    }
}

4. Klik "Simpan tema"

Note:

- Iklan full-width berlaku untuk widget iklan di atas artikel, di tengah artikel 1, di tengah artikel 2 dan di bawah artikel.
- Untuk iklan AdSense pastikan menggunakan unit iklan Responsive, InArticle atau In-Feed supaya iklan tampil full-width.

Share this post