bergabung di grup telegram kami

cara mengubah rasio thumbnail pada template median ui

cara mengubah rasio thumbnail pada template median ui

Hallo semua pada kesempatan kali ini saya akan membagikan cara mengubah rasio thumbnail pada template median-ui versi 1.6

sebenarnya cara ini bisa di terapkan di semua jenis template blogger, tidak hanya template median-ui saja, namun tentu akan ada sedikit perbedaan, karena setiap pembuat template tentu punya codingan sendiri. maka itu jika kalian menggunakan template lain silakan di sesuaikan saja.

pada template median-ui 1.6 memiliki thumbnail rasio 18:9 , dan versi sebelumnya juga sama sih hanya saja baru saya buatkan tutorialnya sekarang.

sedangkan gambar thumbnail yang saya gunakan memiliki ukuran 1280 x 720 dan memiliki rasio 16:9 , jadi jika rasio pada thumbnail di template tidak saya sesuaikan maka gambar akan terlihat sedikit terpotong, kalian bisa lihat yang saya maksud dengan gambar di bawah ini.

gambar terpotong
sebelum, gambar masih terpotong
gambar sudah tidak terpotong
sesudah, gambar sudah tidak terpotong

untuk mengetahui rasio gambar kalian bisa lihat gambar di bawah ini, di sini saya mengedit gambar thumbnail menggunakan aplikasi android pixellab, di sini saya memilih youtube thumbnail dengan ukuran 1280 x 720 dan kalian bisa lihat aspect ratio : 16:9 itu adalah rasionya.

cara melihat rasio gambar
cara melihat rasio gambar

Mengubah Rasio Thumbnail Template Median-ui V 1.6

silakan masuk ke blogger > tema > edit html gunakan ctrlf + f cari kode seperti di bawah 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>

perhatikan yang saya tandai 18:9 ada 4, silakan sesuaikan dengan rasio gambar milikmu.

ok jadi sekian cara mengubah rasio thumbnail pada template median-ui yang bisa saya bagikan kali ini semoga bermanfaat dan terima kasih telah berkunjung.

Baca juga :
tutorial blogger

11 komentar



image quote pre code
  1. Jadi 18:9 berubah menjadi 16:9 kan?
    1. Iya mas jika rasio gambar mu sama dengan punya saya
    2. Terima kasih telah membuat banyak tutorial yang bagus dan bermanfaat untuk blogger. Ada baiknya saya secara teratur mengikuti blog Anda.
    3. Sama2 mas, terima kasih juga telah berkunjung
  2. Bisakah Anda membimbing saya, bagaimana cara memperbaiki gambar di tengah posting seperti gambar Anda? Saya baru saja mulai blogging jadi pengalaman saya terbatas!
  3. Kalau rasio 600x400 itu berapa mas
    1. 3:2
  4. Halo gan, gmn caranya agar thumbnail nya jadi webp di template median ui 1.6???????? saya coba kode dari kompiajaib masih bingung
    1. saya sendiri belum coba, nnti tunggu sempat bakal saya coba
  5. Gan kalau thumbnail related post bagaimana gan? Terimakasih tutorialnya
    1. itu uda termasuk thumbnail relatedpost coba lht d situs saya yg ini
      https://www.choipanwendy.com/
© 2020 - Wendy Code

Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english