Cara Membuat Iklan Full-Width di Tengah Artikel (VioMagz v.2.5)


VioMagz Template adalah Template premium milik Mas Sugeng dan menjadi template Tervaforit tahun ini. Bagaimana tidak Template yg di release Mas sugeng ini selalu saja keren. dgn Desain yg gagah dan Stylish, tentu menarik perhatian banyak orang.

Bagi kalian seorang blogger pasti tidak asing lagi dgn nama
Mas Sugeng. Hampir semua kalangan blogger baik yg baru ataupun yg sudah lama terjun ke dunia blogging, akan mengenal mas sugeng ini. Iya Mas Sugeng beliau adalah salah satu blogger ternama di Indonesia.

Kesuksesannya menciptakan template blog yg booming  sejak tahun 2014 silam hingga saat ini. Evo magz menjadi salah satu template yg membawa namanya menjadi lebih "Wah" di dunia Blogging. Bagaimana tidak dgn tampilan mewahnya evomagz juga memiliki fitur yg Super SEO sehingga menarik perhatian para blogger.

Kabarnya Template VioMagz ini generasi kakanya Evomagz, memiiki desain yg bisa dibilang "Wah" yg lebih modern, mengikuti trend masakini. Seperti yg dikatakan Mas sugeng pada blog nya, bahwa Viomagz Mengadopsi rentetan script dari Evomagz yg dikembangkan menjadi lebih baik lagi.

Pada artikel kali ini saya akan memberitahu Cara Membuat Iklan Full-Width di Tengah Artikel (VioMagz v.2.5)
supaya iklan di tengah artikel pada template VioMagz menjadi full-width,
Atau bisa disebut Update Viomagz v.2.5, setelah kemarin release versi v.2.4 . Mas sugeng mengupdate lagi menjadi VioMagz v.2.5,dengan releasenya VioMagz v.2.5 dgn perubahan iklan di tengah artikel menjadi full-width. Kabarnya VioMagz v.2.6 akan segera di release.

Oke langsung saja ikuti cara Update VioMagz v.2.5 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"

Demikian Cara Membuat Iklan Full-Width di Tengah Artikel (VioMagz v.2.5) atau bisa disebut Update VioMagz v.2.5 jika ada yg kurang paham mengenai Update VioMagz v.2.5 bisa ditanyakan di kolom komentar :) 


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

12 Responses to "Cara Membuat Iklan Full-Width di Tengah Artikel (VioMagz v.2.5)"

  1. Bagus blognya gan...nama templatenya apa ?

    ReplyDelete
  2. Test komen dari aplikasi blogwalking

    ReplyDelete
  3. Makasih infonya gan, sangat bermanfaat.
    Pas banget, saya juga pake template viomagz hehe..

    ReplyDelete
  4. Makasih infonya gan, sangat bermanfaat.
    Pas banget, saya juga pake template viomagz hehe..

    ReplyDelete
  5. Wah, ketemu juga artikel yg saya cari :)

    ReplyDelete

Artikel terbaru

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel