Cara Mengatasi Gambar Thumbnail Viomagz 3.1 Yang Tampil Kecil Di Versi Mobile
- Bagi pengguna template viomagz versi 3.1.00 yang paling gres banyak dibahas dikalangan group blogger di facebook, WA, Telegram dan media umum lainnya. Banyak blogger menobatkan viomagz 3.1.00 merupakan template blogger terbaik tahun 2019.
Banyak blogger mulai berbondong - bondong ingin mendapat template terbaik dari karya mas sugeng ini. Baik mendapat secara resmi membeli dari mas sugeng sendiri maupun mencari versi ilegal yang dibagikan oleh blogger. Ternyata dibalik ketenarannya viomagz versi terbaru menciptakan magnet tersendiri di dunia blogger.
Akhir - simpulan ini ada yang berbuat iseng melaporkan para pengguna atau para penyebar template viomagz versi ilegal ke DMCA. Setelah ditelusuri dan sanggup penjelasan dari mas sugeng sendiri ternyata mas sugeng tidak pernah melaporkan atas pembajakan templatenya.
Viomagz versi 3.1.00 ini dari segi desain masih sama dengan versi awal - awal cuma ada perubahan di beberapa hal sama peningkatan score dan SEO. Kebetulan yang versi 3.1.00 ini saya sangat tertarik dan ingin memilikinya secara resmi maka saya membelinya dari mas sugeng dengan harga Rp. 195.000,-
Menurut saya bila anda ingin serius membangun blog dan ada dana, lebih baik gunakan template viomagz versi resminya. Kenapa harus versi resmi sedangkan gratisan banyak bertebaran? pertanyaan itu yang sering saya dengar bagi blogger pemula.
Banyak sekali laba bila anda memakai template viomagz secara resmi beli di mas sugeng antara lain :
- Mendapatkan support pribadi dari Mas Sugeng selaku pembuat bila mengalami masalah.
- Mendapatkan update terbaru, jadi template yang anda gunakan akan selalu update mengikuti perkembangan teknologi.
- Tentunya dengan membeli secara resmi anda akan merasa nyaman beda kalau mendapatkannya secara ilegal.
- Dapat mensupport mas sugeng untuk menyebarkan template viomagz yang lebih baik lagi.
Dari pengalaman yang pertama kali memakai template viomagz versi terbaru 2019, saya merasa bahagia lantaran settingannya sangat gampang tanpa perlu banyak edit html terutama pemasangan iklan. Slot iklan sudah disediakan di sajian tata letak dan disamping itu sanggup tutorial panduan secara jelas.
Disamping itu cara mengganti warnanya juga sanggup disetting dari sajian template tanpa harus edit htmlnya. Tetunya cara tersebut sangat membantu bagi blogger yang tidak paham sama coding dan edit html.
Sambil berjalannya waktu ada sedikit yang kurang puas terhadap tampilannya dan jadinya saya momidifikasi secara ringan saja di kepingan CSS nya. Dan saya mengganti fitur share media umum dengan fitur share media umum dengan counter.
Template viomagz versi 3.1.00 ternyata bila dibuka memakai mobile hp ada yang kurang Pas yakni dibagian gambar. Tampilan gambar thumbnailnya terpotong dibagian atas dan bawah, hal itu disebabkan oleh hukum CSS yang kurang sempurna berdasarkan saya.
Bagi anda yang merasa gambar gepeng sama dengan yang saya alami silahkan ikuti cara dibawah ini :
- Anda perlu sedikit edit di CSS nya lewat sajian EDIT HTML.
- Cari arahan CSS berikut
.img-thumbnail { width: calc(100% + 30px); margin: 0px 0px 15px -15px; height: 160px; position: relative; overflow: hidden; }.img-thumbnail { width: calc(100% + 30px); margin: 0px 0px 15px -15px; height: 250px; position: relative; overflow: hidden; }
A. Atau bagi anda yang menginginkan tampilan di hp gambarnya menjadi kecil sanggup merubah CSS dibawah ini :
Kode CSS Gambar Menjadi Kecil di Viomagz Versi 3.1.00 sebelum diubah.
C. Jika anda menginginkan cuplikan postingan di Viomagz versi 3.1.00 dihilangkan sehingga hanya judul dan gambar saja silahkan cari arahan CSS dibawah ini :
Dan jangan lupa atur CSS dibawah ini untuk mengatur judul artikelnya dengan menambahkan CSS di h2.post-title dengan kode Font-weight: 400:
Setelah disimpan kini cek memakai hp anda apakah sudah sesuai tampilan gambar yang anda inginkan, bila anda masih kurang puas sanggup di atur angkanya sesuai harapan anda.
Kode CSS Gambar Menjadi Kecil di Viomagz Versi 3.1.00 sebelum diubah.
.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; } .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; } .img-thumbnail { width: 40%; margin: 5px 0px 15px 0px; height: 80px; position: relative; overflow: hidden; float: right; } C. Jika anda menginginkan cuplikan postingan di Viomagz versi 3.1.00 dihilangkan sehingga hanya judul dan gambar saja silahkan cari arahan CSS dibawah ini :
.post-snippet { margin-top: 10px; } .post-snippet { margin-top: 10px; display:none; } Dan jangan lupa atur CSS dibawah ini untuk mengatur judul artikelnya dengan menambahkan CSS di h2.post-title dengan kode Font-weight: 400:
h1{font-size:170%} h2{font-size:150%} h3{font-size:130%} h4{font-size:120%} h5{font-size:110%} h6{font-size:100%} h2.post-title { font-size: 16px; display: inline; Font-weight:400; } Setelah disimpan kini cek memakai hp anda apakah sudah sesuai tampilan gambar yang anda inginkan, bila anda masih kurang puas sanggup di atur angkanya sesuai harapan anda.
Begitulah cara sederhana untuk mengatur tampilan gambar template viomagz versi 3.1.00 yang terpotong bila dibuka memakai hp. Selamat mencoba tips dan trik dari saya supaya berhasil sesuai dengan harapan anda.
Jika anda ingin membelinya secara resmi silahkan kunjungi situs resmi mas sugeng.id .
Sumber https://www.infomanfaat.club/