Cara merubah icon popular posts di template viomagz v2.2

 Hallo sobat blogger.. kali ini saya akan berbagi tips cara merubah tampilan pada popular posts di template viomagz v2.2 menjadi seperti viomagz v2.4. sebenarnya saya nulis artikel ini iseng saja barang kali ada yang tertarik mau mencoba merubahnya seperti tampilan punya mastimon.  Nah.. bagi kalian yang tertarik simak penjelasannya dibawah ini. Sebenarnya apa itu popular posts? 

Popular posts adalah sebuah Link artikel yang berada di posisi sebelah kanan jika dilihat melalui laptop atau komputer..tapi ada dibagian bawah artikel utama jika dilihat melalui hp android bukan tablet loh.. karena tablet tampilan menyerupai seperti komputer. Untuk merubah bagian popular posts biasanya sebelah thumbnail gambarnya terdapat icon entah itu nomor, pensil dan lain sebagainya..jika kalian ingin merubah menjadi sebuah icon pada popular posts caranya cari kode berikut:

lalu Hapus kode yang berwarna merah Lalu ganti dengan kode dibawah ini:

l.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;

}

Hapus kode yang berwarna merah Lalu ganti dengan kode dibawah ini:

1. content: "\f14b"

family: FontAwesome;

Setelah itu simpan kodenya, hasilnya nanti seperti dibawah ini:

Untuk mengganti simbol icon caranya sobat cukup ganti kodenya saja seperti ini:

2. content: "\f07b";

   font-family: FontAwesome;

Untuk kode diatas hasilnya nanti seperti gambar dibawah ini:

3. content: "\f249";

   font-family: FontAwesome;

4. content: "\f101";

   font-family: FontAwesome;

5. content: "\f102";

   font-family: FontAwesome;

6. content: "\f103";

   font-family: FontAwesome;

7. content: "\f104";

   font-family: FontAwesome;

itulah beberapa tips cara merubah icon popular posts di template viomagz v2.2, semoga artikel ini bermanfaat.

Share this post