Cara Merubah Ukuran Thumbnail Post Blogger Tanpa Blur
Tuesday, November 13, 20180 Comments
Cara Merubah Ukuran Thumbnail Post Blogger Tanpa Blur

Cara Merubah Ukuran Thumbnail Post Blogger Tanpa Blur

  • Eka Awaludin

  • A dreamer who trying to loves writing and blogwalking. Man of nature. The wrong man in the wrong time. Going with the flow. Penggemar CSS dan HTML.
Thumbnail post di blogger bisa kita temukan di widget Popular Post atau Postingan Populer. Ukurannya sangat kecil yaitu 72px x 72px dan ketika thumbnail tersebut di resize ke ukuran besar maka akan terlihat buram atau blurry karena memang ukuran aslinya yang kecil.
Kita bisa menampilkan thumbnail di homepage dengan kode:
<b:if cond='data:post.thumbnailUrl'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
<b:else/>
<img alt='no image' src='https://cdn.staticaly.com/gh/ekaawaludin/qolorful/24c396ff/No-Image-Purple.jpg'/>
</b:if>
Ketika aku sedang searching tentang Thumbnail blogger tidak sengaja aku menemukan kode untuk merubah ukuran thumbnail blog post jadi sebesar yang kita mau. Tentu saja kita juga harus menyesuaikan dengan ukuran gambarnya supaya tidak blur. Ganti kode di bawah ini:
<data:post.thumbnailUrl />
Dengan kode di bawah ini:
<b:eval expr='resizeImage(data:post.thumbnailUrl, 200, "1:1")' />
200 adalah ukuran pixel nya dan 1:1 adalah ukuran ratio nya. Demikian cara merubah ukuran thumbnail blog post. Kita jumpa lagi di artikel berikutnya. Ciao!
No comments :

Post a Comment