Cara Memperbaiki Tampilan Mobile Pada Homepage Median UI 1.7

Tugasiswa.com - Pada saat blog dengan template Median UI 1.7 dibuka menggunakan smartphone, kalian pasti akan melihat kejanggalan pada setiap post di halaman homepage. Dimana thumbnail, judul, snippet, dan tanggal terlalu mepet ke garis pinggir post.

Pertanyaan

Jefri Nichol: Bagaimana cara memperbaiki tampilan homepage Median UI 1.7 pada tampilan mobile agar thumbnail, judul, snipet, dan tanggal posting tidak terlalu dekat dengan garis atas, bawah, dan samping kiri/kanan post?

Jawaban

Solusi dari permasalahan di atas adalah dengan menambahkan kode yang dapat mengatur jarak pada setiap tepian kartu post, caranya:

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

   
   
   
5. Lalu cari kode
   

   <Variable name="postPadding.phone" description="post Padding(mobile only)" type="length" max="12px" default="0px" value="0px"/>

6. Ubah jadi seperti ini
   

   <Variable name="postPadding.phone" description="post Padding(mobile only)" type="length" max="12px" default="0px" value="8px"/>

7. Simpan Tema
8. Selesai

DEMO JASA

Demikian Cara Memperbaiki Tampilan Mobile Pada Homepage Median UI 1.7, jika bermanfaat berikan bintang 5 pada kotak Donasi di bawah. Semoga bermanfaat.