Costumizar o widget Posts recentes

DJ Viper me perguntou se teria como costumizar o widget posts recentes. Claro que tem ! E mais, é possível costumizar todos e os widgets, e cada um como quiser como já ensinei neste post AQUI


Eis o código para costumizar o widget como o modelo da imagem.


 Vá até o HTML de seu blog e antes de cole o código abaixo.

/*Recent post--------------------------------------*/
#recent-posts{background: #57748F;margin:5px auto;width:290px;}
#recent-posts img{width: 72px;float: center; height: 55px; }
#recent-posts ul{list-style:none;margin:2px;padding:0;width:290px;}
#recent-posts li{
background: #889BAC;
font-size: 10px;
border:0;
float:left;
list-style:none;
height:120px;
margin:10px 4px;
padding:3px 4px;
text-align:center;
width:80px;}

#recent-posts li:hover{background:#fff;}
#recent-posts span{
display:block;
font-size:80%;
line-height:1.2em}

#recent-posts a,
#recent-posts span a,
#recent-posts a:link,
#recent-posts span a:link,
#recent-posts a:visited,
#recent-posts span a:visited,
#recent-posts a:hover,
#recent-posts span a:hover{
color:#222;
text-decoration:none}