Cara Merubah Performa Widget Popular Post Median Ui

Saifulah.id - Popular Post merupakan widget yang berfungsi untuk memperlihatkan postingan atau postingan yang paling banyak di baca, alias sedang terkenal di saat ini. Hampir semua Blog umumnya memperlihatkan widget ini tergolong pada template Median UI.

Tapi sayang, template Median UI tidak bisa menampilan gambar di setiap postingan Popular Post nya. Padahal gambar lebih dapat menerangkan banyak hal dibanding sekedar goresan pena judul.

Saya sendiri masih belum mendapatkan penyelesaian untuk menimbulkan gambar Popular Post. Akhirnya saya memodifikasi bab lain dari widget Popular Post ini biar lebih praktis dan mudah dibaca.

Ada beberapa hal yang saya ubah, diantaranya:

1. Mengganti gaya Nomor Urut
   Nomor urut Popular Post Median UI diawali dengan angka NOL (0). Agar lebih keren saya ganti menjadi tanda Pagar (#)
   
2. Menghilangkan Label / Kategori
   Menurut saya label di Popular Post tidak begitu penting, jadi mending di buang saja.
   
   
3. Menghilangkan Tanggal
   Ada Pro dan Kontra memperlihatkan tanggal di Blog, saya tergolong yang kontra akan hal itu. Karena tanggal sedikit banyak dapat mempengaruhi kehendak orang untuk membaca.
   
   Tanggal posting yang sudah terlalu berumur, dapat memicu orang ragu membukanya. Mereka takut postingan tersebut tidak lagi berhubungan dengan kondisi sekarang.
   
   
4. Menyembunyikan jumlah Komentar
   Sebenarnya sah-sah saja memperlihatkan jumlah komentar di Popular Post, tetapi kalau tanggalnya sudah di hapus tampaknya jadi kurang rapi.
   
   Perlu dikenali juga bahwa, icon komentar yang ditampilkan dapat mempengaruhi score SEO di template Median UI v1.5

Jadi, ada 4 hal yang hendak kita modifikasi. Simak baik-baik tutorialnya ya.

PERSIAPAN

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

   
   
   
5. Cari kode /* Widget PopularPosts */

   

A. Mengganti Gaya Nomor Urut

Cari arahan ini

.itemPopular .itemInner:before{flex-shrink:0; content:'0'

Ganti angka '0' menjadi '#', menyerupai ini:

.itemPopular .itemInner:before{flex-shrink:0; content:'#'

B. Menghilangkan Label / Kategori

Cari arahan ini

.itemPopular .postHeader, .itemPopular .postLabel.sponsored{margin-left:32px;margin-bottom:5px}

Tambahkan arahan ;display:none sebelum tutup kurung, menyerupai ini:

.itemPopular .postHeader, .itemPopular .postLabel.sponsored{margin-left:32px;margin-bottom:5px;display:none}

C. Menyembunyikan Tanggal & Komentar

Cari arahan ini

.itemPopular .itemInfo, .itemPopular .itemEntry{margin-top:10px}

Tambahkan arahan ;display:none sebelum tutup kurung, menyerupai ini:

.itemPopular .itemInfo, .itemPopular .itemEntry{margin-top:10px;display:none}

Setelah menyembunyikan beberapa bab Popular Post, maka performa yang gres akan terlihat lebih praktis dan dalam satu layar dapat terlihat semua judulnya (hemat tempat). Semoga bermanfaat.

Tweet