Skip to main content
Cara Memperbaiki Thumbnail Plus UI yang Terpotong

Cara Memperbaiki Thumbnail Plus UI yang Terpotong

·168 words·1 min
Noor Khafidzin
Author
Noor Khafidzin
Table of Contents

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
  1. 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>
  1. Ganti semua 18:9 menjadi 16:9
  2. Simpan Tema

Hasilnya
#

Sebelum Sesudah

Related


Load Comments