DIFINMEDIA.COM
Back Home

CARA MENGUBAH UKURAN THUMBNAIL POPULAR POSTS

Sourch Image : www.difinmedia.com
Pada kesempatan kali ini saya akan memberikan tutorial cara mengubah ukuran thumbnail/gambar pada popular post blogger. Secara default, gambar yang dipanggil pada widget popular post berukuran tinggi 72 px dan lebar 72 px. Artinya dengan ukuran default sekecil itu ketika kita mengubah ukurannya dengan memainkan css, hasilnya akan tampak blurry. Jadi untuk mengatasi hal tersebut, kita perlu melakukan tweaking pada template blog kita. Ada beberapa cara yang bisa kita lakukan untuk memperbesar ukuran thumbnail popular posts tanpa mengurangi kualitasnya seperti dengan menggunakan javascript dan mengedit langsung line html pada widget popular post.

Cara merubah ukuran thumbnail/gambar widget Popular Post. Popular post merupakan salah satu widget Blogger yang mendapat update beberapa waktu lalu. Update-an itu berdampak pada ukuran thumbnail/gambar popular post.

Bagi template blogger dengan ukuran thumbnail popular post segi empat, mungkin masalah tidak akan terjadi cuma ukurannya terlalu kecil bagi saya.
Silahkah login ke Blogger, masuk ke dashboard kemudian klik >> Template >> Edit HTML.
Setelah itu klik Lompat ke Widget >> PopularPost1. Seperti terlihat pada gambar di bawah ini.

Anda akan dibawa ke HTML popular post, silahkan pelototin sejenak susunan scriptnya. Lalu temukan kode seperti yang ditunjukkan pada gambar berikut ini.


<b:with value='data:post.featuredImage.isResizable? resizeImage(data:post.featuredImage, 150, &quot;1:1&quot;): data:post.thumbnail' var='image'>

Kalau sudah ketemu ganti angkah yang ditandai merah sesuai keinginan anda. Gimana mudah kan..!!

Semoga bermanfaat.