Tampilan Baca Juga Viomagz keren     Edit

Viomagz Tampilan baca juga
Cara membuat tampilan keren ( Baca Juga ) pada tampilan artikel viomagz di semua versi template viomagz milik mas sugeng, dan tampilan ini sangat lah responsive dan ringan di gunakan untuk seo friendly & mobile friendly.

Briomagz - Di atas ini adalah tampilan sebuah dari kode css ( baca juga) template viomagz untuk semua versi template viomagz terbaru atau template viomagz lama, dengan memasang kode css baru ini pada template viomagz kalian pasti sangat bayak sekali nanti pengujung blog kalian.

Mobile friendly dan seo friendly
paling banyak peminat yang memasang ccs baru ini pada template viomagz milik mereka di karnakan template viomagz ini udag seo friendly dengan kecepatan blog luar biasa, apalagi template semakin sangat mudah di akses karena sudah mobile friendly untuk versi perangkat mobile.

Cara Memasang Kode Css ( Baca Juga )

• Silahkan login pada blogger kalian
• Masuk ke menu pengeditan Template
• Terus cari kode /* BACA JUGA */
• Terus hapus semua kode di bawah ini

#baca-juga {
 display: none;
}
.post-body #baca-juga {
 display: block;
 overflow: hidden;
}
.post-body .baca-juga-wrap {
 max-width: 75%;
    margin: 1em 0 1.6em 2em;
    font-size: 0.9rem;
}
#baca-juga h2 {
    font-size: 15px;
    text-transform: uppercase;
}
#baca-juga a {
 font-weight: bold;
    display: block;
    padding: 0;
}
#baca-juga ul {
 margin: 0 0 0 20px;
}
#baca-juga li {
 padding: 0px;
 margin: .8rem 0;
}

Bilah semua kode css di atas udah di hapus, sekarang silahkan ganti dengan kode css baru yang di bawah ini

#baca-juga {
 display: none;
}
.post-body #baca-juga {
 display: block;
 overflow: hidden;
}
.post-body .baca-juga-wrap {
    font-size: 0.9rem;
    position:relative;
}
#baca-juga h2 {
    font-size: 15px;
    text-transform: capitalize;
    position:absolute;
    color:#fff;
    top:-17px;
    left:15px;
    padding:7px 13px;
    background:#008080;
    font-weight:600;
    z-index:1;
    border-radius:30px;
}
#baca-juga a {
 font-weight: bold;
    display: block;
    padding: 0;
    font-weight:500;
    color:#008080;
}
#baca-juga ul {
 margin: 1.5em 0 1.5em 0;
 padding:25px 20px 10px 17px;
 position:relative;
 background:rgba(0, 128, 128, .15);
}
#baca-juga li {
 padding: 0px;
 margin: .8rem 0;
 list-style:none;
 border-bottom:3px dotted rgba(0,0,0,.15);
 padding-bottom:5px;
}

Sekarang tinggal save template viomagz kalian dan css baru baca juga udah berhasil di update menjadi lebih seo friendly, dan kalian bisa melihat nya sekarang dan juga sangat keren di tampilan mobile friendly.

Kode Css Baca Juga Template Viomagz
Bilah kalian sudah berhasil memasang tampilan baca juga pada template viomagz dengan tampilan desain lebih menarik lagi, dengan memasang kode css ini pada blog dan mengganti kode css lama blog viomagz dengan kode css baru viomagz, maka akan membuat tampilan blog template viomagz kalian lebih menarik lagi dari sebelum nya.