Cara Memperbaiki Thumbnail Plus UI yang Terpotong

Daftar isi

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

Ganti semua 18:9 menjadi 16:9
Simpan Tema