Cara Mengubah Ukuran Thumbnail Pada Template Median UI v1.5

Cara Mengubah Ukuran Thumbnail Pada Template Median UI v1.5
Saifulah.id
 - Template Median UI versi 1.5 menggunakan thumbnail dengan rasio gambar 18:9. Dimana hal ini menyebabkan gambar thumbnail atau gambar first image blog menjadi terpotong.


Saya tidak suka dengan rasio foto yang di terapkan template Median UI, karena saya sering membuat thumbnail dengan ukuran 16:9 (HD) atau 2:3 (4 x 6)

Kelebihan Pakai Rasio 16:9

Ada beberapa alasan saya pakai thumbnail dengan rasio 16:9, yaitu:
  1. Bagian samping gambar jadi sejajar dengan ujung tulisan dalam artikel baik saat tampilan mobile maupun tampilan desktop
  2. Saat di share ke Facebook dan Twitter gambarnya tampil pas di postingan
  3. Mudah memasukkan banyak tulisan dibanding pakai rasio 18:9
  4. Mudah di edit pakai Photoshop, Photoscape, dan PixelLab karena rasio 16:9 adalah rasio standar untuk ukuran High Dimension (HD)
  5. Sesuai dengan ukuran Thumbnail Youtube, jadi kalau kalian mau buat tutorial Youtube bisa sekalian pakai thumbnail Blog. Sekali edit bisa untuk upload di dua platform sekaligus.

Apakah Ukuran Thumbnail Median UI Bisa Diubah?

Sudah pasti bisa, kita bisa mengubah ukuran thumbnail ini ke dalam banyak rasio yang kita suka.

Supaya lebih gampang, berikut saya berikan beberapa rasio yang menjadi standar umum yang terkenal dalam bidang Fotografi dan Desain Grafis tapi sesuai juga di implementasikan ke Blogger.

Rasio Gambar:
  • 1 x 1
  • 1 x 2
  • 2 x 3 (4 x 6)
  • 3 x 4
  • 4 x 5 (8 x 10)
  • 5 x 7
  • 5 x 8 (10 x 16)
  • 16 x 9 (HD)
  • 8,3 x 11.7 (A4, 210 x 297)
  • 8,5 x 11 (Letter)
  • 8,5 x 14 (Legal)

Tutorial Mengubah Ukuran Thumbnail Median UI

  1. Buka Dashboard Blogger
  2. Klik Tema
  3. Tekan icon Segitiga Terbalik
  4. Pilih Edit HTML
    Cara Menghapus Icon dan Tombol Header (Profile, Translate, Dark Mode) Median UI

  5. Cari kode <b:includable id='postEntryThumbnail'>
  6. Lihat di bawahnya, ada kode seperti ini
    <img class='imgThumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, &quot;18:9&quot;)
  7. Ubah kode yang ditandai warna kuning dengan rasio 16:9 atau 4:6 atau pakai salah satu rasio yang sudah saya sebutkan sebelumnya.
  8. Simpan Tema
Demikian cara mengedit ukuran thumbnail template Median UI. Untuk tutorial lain tentang Median UI bisa klik di sini.

Cara Mengubah Ukuran Thumbnail Pada Template Median UI v1.5

O,ya tutorial di atas merupakan jawaban untuk request dari kak Kante. Maaf ya saya lupa membuatkan tutorialnya. Jadi lama baru bisa di posting.

Mau donasi lewat mana?

BRI - Saifullah (05680-10003-81533)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan donasi. Klik tombol merah.