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 |
|---|---|
 |
 |
