Mengganti Popular Post Seperti Evo Magz

Assalamualaikum wr.wb
Hmm apa kabar sobat Blogger dan selamat datang para pengunjung.. pada kesempatan kali ini Blog-Mas Tedy akan share nih Membuat Popular Post seperti Template Evo magz..!!
Hmm Jika anda ingin mendapatkan Template tersebut secara resmi anda Harus merogoh kocek $8..
Santai saja sob dengan cara ini anda bisa mendapatkan tampilan Popular Post seperti Template Evo magz
Jika Anda ingin Melihatnya Silahkan anda Lihat screenshot di samping ata mungkin anda ingin mengetahui secara jelas..
silahkan anda Demo dengan mengeklik Tulisan Demo di Bawah ini

[Demo]

Nah jika anda tertarik Silahkan anda Simak:

1. Masuklah ke Akun Blog Kalian
2. Pilih Template >> Edit HTML
3. Cari Code ]]></b:skin> Untuk lebih mudahnya Klik CTRL + F
4. Pastekan Source Code di bawah ini di atas ]]></b:skin>

/* Custom CSS for Blogger Popular Post Widget */

.PopularPosts ul,

.PopularPosts li,

.PopularPosts li img,

.PopularPosts li a,

.PopularPosts li a img {

margin:0 0;

padding:0 0;

list-style:none;

border:none;

background:none;

outline:none;

}

.PopularPosts ul {

margin:.5em 0;

list-style:none;

color:black;

counter-reset:num;

}

.PopularPosts ul li img {

display:block;

margin:0 .5em 0 0;

width:50px;

height:50px;

float:left;

}

.PopularPosts ul li {

background-color:#eee;

margin:0 10% .4em 0 !important;

padding:.5em 1.5em .5em .5em !important;

counter-increment:num;

position:relative;

}

.PopularPosts ul li:before,

.PopularPosts ul li .item-title a, .PopularPosts ul li a {

font-weight:bold;

color:#000 !important;

text-decoration:none;

}

.PopularPosts ul li:before {

content:counter(num) !important;

display:block;

position:absolute;

background-color:#333;

color:#fff !important;

width:22px;

height:22px;

line-height:22px;

text-align:center;

top:0px;

right:0px;

padding-right:0px !important;

}

/* Set color and level */

.PopularPosts ul li:nth-child(1) {background-color:#A51A5D; 

margin-right:1%  

!important}

.PopularPosts ul li:nth-child(2) {background-color:#F53477; 

margin-right:2%  

!important}

.PopularPosts ul li:nth-child(3) {background-color:#FD7FAA; 

margin-right:3%  

!important} 

 .PopularPosts ul li:nth-child(4) {background-color:#FF9201; 

margin-right:4%

!important}

.PopularPosts ul li:nth-child(5) {background-color:#FDCB01; 

margin-right:5% 

!important}

.PopularPosts ul li:nth-child(6) {background-color:#DEDB00; 

margin-right:6% 

!important}

.PopularPosts ul li:nth-child(7) {background-color:#89C237; 

margin-right:7% 

!important}

.PopularPosts ul li:nth-child(8) {background-color:#44CCF2; 

margin-right:8%  

!important}

.PopularPosts ul li:nth-child(9) {background-color:#01ACE2; 

margin-right:9%  

!important}

.PopularPosts ul li:nth-child(10) {background-color:#94368E; 

margin-right:10%  

!important}

.PopularPosts .item-thumbnail {

margin:0 0 0 0;

}

.PopularPosts .item-snippet {

font-size:11px;

}

.profile-img{

display:inline;

opaciry:10;

margin:0 6px 3px 0;

}  

5. Setelah itu Klik Simpan

Nah tampilan Post Populer anda sekarang sudah menjadi seperti Template Evo Magz..
Gimana sob caranya sangat mudah bukan..!! Hmm jika anda masih kebingungan anda bisa bertanya di kolom Komentar..!!

Sekian dari saya yah.. tunggu postingan selanjutnya,,
wassalamualaikum wr.wb