Merubah tampilan baca juga di viomagz
Merubah tampilan baca juga di viomagz - Salah satu Fitur yang paling banyak di gunakan pada template blogger adalah baca juga biasanya berada di bagian tengah postingan. Fitur baca juga dapat menjangkau banyak artikel di suatu artikel yang di baca oleh pengunjung.
Nah pada kali ini saya akan memberikan tips merubah tampilan lama viomagz menjadi lebih menarik.
Berikut contoh tampilan baca juga yang sudah di redesign
Merubah tampilan baca juga di viomagz
- Buka dasboard blooger anda
- Klik menu Tema dan Edit HTML.
- Lalu search kata /* BACA JUGA */ dan hapus 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;
}- Lalu ganti dengan kode 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;
}- Terakhir pilih simpan
Sekian cara mudah Merubah tampilan baca juga di viomagz
0 Response to "Merubah tampilan baca juga di viomagz"
Post a Comment