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

إرسال تعليق

Tulis komentar anda di bawah ini, lalu centang Beri Tahu Saya agar mendapatkan notifikasi saat kami membalas, lalu tekan PUBLIKASIKAN

الانضمام إلى المحادثة

الانضمام إلى المحادثة