🔔 Aktifkan notifikasi disini Google News

Cara Memperbaiki Ukuran Thumbnail Plus UI Yang Terpotong

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?

SeaBank - Saifullah (9016-9529-0071)

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.
Seorang Guru Bahasa Inggris, Kreator Digital, Editor, Publisher, Advertiser, Blogger, Youtuber, Distributor, Desain Grafis, Web Developer, dan Programmer.

Posting Komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
Centang Beri Tahu Saya untuk mendapatkan notifikasi ketika komentar kamu sudah di jawab.
Parse:

Gambar Quote Pre Kode



  • Home


  • Follow


  • MENU


  • Share


  • Comment
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Sepertinya ada yang salah dengan koneksi internet Anda. Harap sambungkan ke internet dan mulai menjelajah lagi.