Berita Warganet Kumpulan Berita dan Informasi Untuk Warganet
Daftar Isi
Seperti yang kita ketahui bersama, template VioMagz ini memang cukup populer. Karena dari segi desain yang minimalis, elegan, dan fitur menarik lainnya. Pada artikel ini, akan dijelaskan tentang cara mengatur ukuran thumbnail ponsel di VioMagz.
Juga dengan penggunaan yang mudah dan berkualitas yaitu SEO friendly dan loading cepat. Berikut tutorial yang bisa anda ikuti untuk memperbesar tampilan thumbnail di VioMagz.
- Buka Blogger.com
- Masuk dengan Akun Google anda
- Pergi ke Dashboard Blogger
- Pilih menu Tema
- Klik Edit HTML
- Cari kode berikut:
.img-thumbnail {
width: calc(100% + 30px);
margin: 0px 0px 15px -15px;
height: 160px;
position: relative;
overflow: hidden;
}
- Ubah height menjadi 250px, sehingga menjadi seperti ini:
.img-thumbnail {
width: calc(100% + 30px);
margin: 0px 0px 15px -15px;
height: 250px;
position: relative;
overflow: hidden;
}
- Jika sudah, klik Simpan Tema.
Cara Mengubah Ukuran Thumbnail VioMagz Menjadi Kecil
Pada desain VioMagz lama, tampilan thumbnail mobile di VioMagz memiliki bentuk kecil. Beberapa blogger lebih menyukai tampilan ini karena dianggap lebih rapi. Jika anda termasuk salah satu orang yang menyukai desain ini, berikut tutorial cara membuat ukuran thumbnail viomagz menjadi kecil.
- Buka Blogger.com
- Masuk dengan Akun Google anda
- Pergi ke Dashboard Blogger
- Pilih menu Tema
- Klik Edit HTML
- Cari kode berikut
.img-thumbnail {
width: calc(100% + 30px);
margin: 5px 0px 15px 0px;
height: 160px;
position: relative;
overflow: hidden;
}
.img-thumbnail img {
width: 100%;
height: auto;
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: -100%;
margin: auto;
}
- Ubah menjadi seperti ini:
.img-thumbnail {
width: 40%;
margin: 5px 0px 15px 0px;
height: 80px;
position: relative;
overflow: hidden;
}
.img-thumbnail img {
width: 80%;
height: auto;
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: -100%;
margin: auto;
}
- Bila sudah silahkan anda klik Simpan Tema
Sekian ulasan tentang cara mengatur ukuran thumbnail ponsel di VioMagz, semoga bermanfaat.
Cek Tutorial Lengkap Disini :
