Untuk thumbnail, saya pribadi pakai gambar dengan ukuran 1280x720 (mengikuti thumbnail yang ada di website demo Plus UI sendiri). Setelah saya perhatikan ternyata thumbnail di Plus UI itu ukuran rasionya18:9 jadi kalau saya pakai thumbnail ukuran rasio 16:9 jadi terpotong, sehingga ada bagian yang tidak terbaca. Nah, untuk itu berikut saya berikan solusi permasalahan thumbnail terpotong di template Plus UI.
Cara Mengubah Rasio Thumbnail Plus UI
#
Buka Dashboard Blogger
Tekan Tema
Klik Icon Segitiga 🔻
Pilih Edit HTML
Cari kode ini
postEntryThumbnail
Kemudian Anda akan menemukan kode seperti ini
<b:includable id='postEntryThumbnail'>
<b:if cond='data:post.featuredImage.isYoutube'>
<img class='imgThm lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, "*18:9*") : data:post.featuredImage.youtubeMaxResDefaultUrl' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, "*18:9*") : data:post.featuredImage.youtubeMaxResDefaultUrl'/></noscript>
<b:else/>
<img class='imgThm lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, "*18:9*") : data:post.featuredImage' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, "*18:9*") : data:post.featuredImage'/></noscript>
</b:if>
</b:includable>
Ganti semua 18:9 menjadi 16:9
Simpan Tema
Hasilnya
#
Sebelum
Sesudah