Cara Memperbaiki Thumbnail Plus UI yang Terpotong

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

1. Buka Dashboard Blogger
2. Tekan Tema
3. Klik Icon Segitiga 🔻
4. Pilih Edit HTML
5. Cari kode ini

postEntryThumbnail

6. 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, &quot;*18:9*&quot;) : 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, &quot;*18:9*&quot;) : 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, &quot;*18:9*&quot;) : 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, &quot;*18:9*&quot;) : data:post.featuredImage'/></noscript>
        </b:if>
      </b:includable>

7. Ganti semua 18:9 menjadi 16:9
8. Simpan Tema

Hasilnya

Sebelum	Sesudah