Cara Memperbaiki Ukuran Thumbnail Plus UI Yang Terpotong

Thumbnail pada template Plus UI jika diperhatikan sisi-sisinya terpotong. Sehingga gambar yang memiliki tulisan atau caption akan sulit untuk dibaca.
Cara Memperbaiki Ukuran Thumbnail Plus UI Yang Terpotong
Thumbnail pada template Plus UI jika diperhatikan sisi-sisinya terpotong. Sehingga gambar yang memiliki tulisan atau caption akan sulit untuk dibaca. Setelah saya analisa ternyata masalah ini disebabkan oleh Ratio thumbnail yang kurang tepat. Oleh sebab itu, berikut saya berikan solusinya.

Cara Mengubah Rasio Thumbnail Plus UI

  1. Buka Dashboard Blogger
  2. Tekan Tema
  3. Klik Icon Segitiga 🔻
  4. Pilih Edit HTML
    Cara Buat Menu Dropdown Selalu Terbuka di Template Median UI dan Plus UI

  5. Cari kode ini
    postEntryThumbnail
  6. Maka kamu 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>
    Cara Memperbaiki Ukuran Thumbnail Plus UI Yang Terpotong
  7. Ubah angka 18:9 menjadi 16:9
  8. Simpan Tema

PERBEDAAN

Sebelum

Cara Memperbaiki Ukuran Thumbnail Plus UI Yang Terpotong


Sesudah

Cara Memperbaiki Ukuran Thumbnail Plus UI Yang Terpotong


Mau donasi lewat mana?

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

Mandiri - Saifullah (1460019181044)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.

Penulis

Saifullah.id
PT Saifullah Digital Advantec

Posting Komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐