🔔 Aktifkan notifikasi disini Google News

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?

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.

15 komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
  1. Min request table of content berkedip-kedip
    1. https://www.saifullah.id/search?q=berkedip
  2. Selanjutnya min, cara mengubah icon menu pada tampilan mobile, seperti saifulla.id.. hihih
  3. Min boleh request? Cara pindahkan tulisan label berada di bawah judul postingan di halaman depan seperti blog admin.
  4. Bang request cara agar gambar pada post tampilan beranda muncul dong bang punya saya tidak muncul
    1. Gambar yang mana ya?
  5. Mau tanya bang, cara rubah biar post thumbnailsnya 1:1 gimana ya?

    Aku udah ikuti tutorial diatas, tapi hasilnya tidak sesuai yang diharapkan.

    Secara thumbnails memang betul jadi 1:1, tapi secara isi gambar aku upload yang 1:1 aja hasil yang terlihat kok kepotong jadi 16:9 ya?

    Mohon solusinya bang, terima kasih.
    1. Kan Median UI bisa pakai GRID dan LIST. Ubah ke tampilan LIST aja. Soalnya ukuran thumbnail 1:1 gak cocok untuk tampilan GRID.
  6. Bang mau request cara memperkecil menu header median UI 1.6
    1. Tutorialnyahttps://www.saifullah.id/2022/01/cara-memperkecil-header-median-ui-15.html
    2. Untuk Median UI 1.6https://www.saifullah.id/2022/01/cara-memperkecil-header-median-ui-16.html
  7. Cara merubah 1-1 di versi 1.6 gimana bang?
  8. mantap sangat terbantu, makasih yaa
    1. Sama² 😊
  9. https://ibb.co/YPgWj02
    https://ibb.co/YPgWj02
    kalau gambar gak rata meski pakai pengaturan rata tengah gimana ya?
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.