Cara Mengganti Nomor Urut Pada Widget Terkenal Post Menjadi Ikon Di Template Viomagz

Disini aku akan memberi tutorian mengganti semua yang berkaitan dengan nomor urut widget popular post menjadi ikon, lebih jelasnya lihat gambar. Jika anda ingin memakai ikon di nomer urut pada widget popular post ini sanggup di praktekkan.

Backup Terlebih Dahulu Template Anda

1. Masuk/Login keblogger kalian
2. Masuk kemenu Tema
3. Lalu Edit HTML
4. Cari arahan ini (INGAT YANG SAYA BLOK MERAH YANG DIHAPUS) khusus langkah ke-4
.PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before, .PopularPosts ul li > a:before {
   content: counter(num) !important;
   font-size: 30px;
   font-weight: 500;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   background: linear-gradient($(link.color), #fff);
   color: #fff !important;
   width: 26px;
   padding-top: 10px;
   text-align: center;
}


5. Ganti dan tambahkan kode, maka akan menjadi :
.PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before, .PopularPosts ul li > a:before {
   content: "\f101";
   font-family: FontAwesome;
   font-size: 30px;
   font-weight: 500;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   background: linear-gradient($(link.color), #fff);
   color: #fff !important;
   width: 26px;
   padding-top: 10px;
   text-align: center;
}


Keterangan :

1. "\f101" ,adalah gambar ikon yang akan ditampilkan. belom tahu cara mendapatkannya klik disini.
2. font-family: FontAwesome; , arahan ini harus ada dikala memakai ikon font awesome.


6. Kalau sudah disimpan

BAGIKAN KE ORANG TERDEKAT ANDA
ONE SHARE ONE CARE

Sekilas tentang penulis : ApKatrok

AyangBeb Blogger Template | Premium Template, Harga murah meriah, Design modern dipadukan dengan Material design ala google dengan 7 macam warna berbeda