Cara Memperbaiki First Image Median Ui Agar Presisi

kekurangan template Median UI sangatlah banyak. Namun, di postingan tersebut, aku cuma menyebutkan 8 Bugs saja, sebab itu yang fatal dari sisi profesionalitas suatu template. Salah satu yang aku soroti yakni ihwal First Image.

Apa itu First Image?

First Image yakni gambar pertama yang lazim terletak di paling atas postingan yang berfungsi untuk menggambarkan keseluruhan isi artikel.

Selain itu, First Image ini juga bisa menjadi Thumbnail di saat kita membagikan postingan ke sosial media lain. Sehingga keberadaannya sungguh penting untuk menghasilkan hadirin tertarik.

Kekurangan First Image di Median UI

First Image (Gambar Pertama) blog secara lazim ditampilkan dengan ukuran sarat hingga menjamah pinggir layar. Hal ini dapat kita lihat nyaris di semua situs web kecil hingga yang besar menjalankan hal tersebut.

Saya sendiri sering bergonta-ganti template dan tidak pernah menerima dilema di kepingan ini. Tapi sayang, di saat aku menggunakan template Median UI, aku pribadi sadar bahwa ada yang tidak beres dengan Thumbnail pertamanya dikala dibuka dengan performa desktop.

Gambarnya tidak presisi atau tidak simetris, dimana gambar bergeser ke kanan hingga keluar batas pinggir artikel.

Memang terlihat sepele, namun justru sesuatu dapat dibilang profesional di saat detail-detail kecil ini dapat diamati dengan baik oleh pembuatnya.

Lalu bagaimana cara memperbaikinya? Ayo simak bimbingan berikut ini:

Cara Memperbaiki First Image Median UI

1. Buka Dashboard Blogger
2. Klik Tema
3. Tekan icon Segitiga Terbalik
4. Pilih Edit HTML

   
   
   
5. Cari arahan /* Article Style Responsive */
6. Tambahkan arahan berikut sempurna di bawahnya
   

   @media screen and (min-width:480px) and (max-width:1920px){.postEntry img{margin-left:-1em}} 

7. Hasilnya menyerupai ini

   

8. Simpan Tema

Tweet