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.
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.
Mengubah Rasio Thumbnail Template Median-ui V 1.6
silakan masuk ke blogger > tema > edit html gunakan ctrl + 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, "18:9") : 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, "18:9") : 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, "18:9") : 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, "18:9") : 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.
16 komentar
https://www.choipanwendy.com/