Dibawah ini caranya :
- Pergi ke Template > Edit HTML >
- Guna ctrl F untuk cari ]]></b:skin>
- Setelah anda jumpa anda perlu copy kode dibawah ini dan pastekan di atas/sebelum kode ]]></b:skin>
/*--- Customize Popular Posts Widget Design By www.jeritanblog.com --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLp3iKY6uJvWQaiu6bxCUqgLl3ifnrZk4veSGyRBJggCdNuPQ9j5PGKDTo2DPVr3LWHnGjWd5jCy62xYHv1OliVnZ9VLiqmV9t43RLttAc8DIJwRYlaN2jhZRM2cdaCXJnHLUhXtgUSW0/s1600/rb+cancel+icon...jpg) no-repeat scroll 5px 10px;
list-style-type: none;
margin: 0 0 5px 0px;
padding: 5px 5px 5px 33px !important;
border: 1px dashed #dddddd;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.popular-posts ul li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgt5vkWg6B7eh0WxnCo-QJRGcAzfqWmzFqV6YGxJHWewBSc0j2DYL1xGH2m2Yvr73BsWFcR0wnLpnsKVg1OF40N8wtznW35HhE8NvVhS9vha66e7ps5wddljkAHPOQZLzOCCl6xePYnW4/s1600/rb+mark+icon...jpg) no-repeat 2px;
border: 2px solid #b60000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
Save template
Semoga anda berjaya buat...
Selesai :)