Cara Merubah Gaya Baca Juga di Viomagz

Pada kesempatan ini saya akan membuat tutorial cara merubah atau menganti gaya baca juga yang ada di template viomagz agar terlihat sedikit lebih berbeda dari bawaanya. Jika kalian ingin mengikuti tutorial ini pastikan kalian menggunakan template Viomagz tidak untuk template lain karena ini hanya merubah kode CSS nya saja.

Langsung saja simak di bawah ini, caranya sangat mudah saya yakin kalian paham.

Cara Merubah Gaya Baca Juga di Viomagz

Seperti biasa kalian harus masuk ke Blogger kemudian pergi Edit HTML atau cadangkan tema jika kalian menggunakan hp Edit HTML di notepad lain supaya lebih mudah untuk mencarinya.

Kemudian cari kode CSS bawaan template Viomagz seperti ini /* BACA JUGA */  lalu hapus CSS bawaan template ganti dengan 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;
}

Kemudian Simpan Tema dan cek hasilnya.
Sedikit totorial tambahan dari saya, jika kalian ingin menambahkan jumlah baca juga kalian cari kode

var jumlahbacajuga

Ganti angka var jumlah yang ada di sana dengan jumlah yang kalian inginkan, jumlah yang di sarankan biasanya empat atau lima saja biar terlihat rapi.

Bagikan Artikel ini