Es un widget muy poderoso para Blogger, que muestra sus entradas recientes en miniaturas. Es la solución perfecta para las revistas en línea o blogs simples y viene con opciones de personalización disponibles. Usted puede dinámicamente cambiar su tamaño a cualquier dimensión deseada. La visualización de una lista de las entradas recientes en la columna lateral es una gran manera de mantener a sus visitantes ocupados.
En la imagen anterior vemos un ejemplo claro de como keda el widget
En el Código solo deberás de cambiar la dirección de tu blogger y listo eso es Todo.
<style>
#bp_recent {
width:300px;
padding: 5px;
color: #999;
font-size: 14px;
text-align:justify;
}
#bp_recent img {
width: 70px;
height: auto;
border-top:5px groove #00a4ef !important;
border-bottom:5px groove #ffb900 !important;
border-right:5px groove #7fba00 !important;
border-left:5px groove #f25022 !important;
webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
box-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
#bp_recent a{
color: #fff;
font-size: 15px;
text-transformation: uppercase;
margin-bottom: 10px!important;
}
#bp_recent a:hover {
text-decoration: underline;
}
</style>
<div id='bp_recent'></div>
<script type="text/javascript" src="http://yourjavascript.com/401413211131/recentposts-orig.js"></script>
<script style='text/javascript'>
var numberOfPosts = 9;
var showPostDate = false;
var showSummary = false;
var summaryLength = 0;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 55;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = false;
var readMore = 'Leer más';
</script>
<script src='http://pcymovil.blogspot.com/feeds/posts/summary?max-results=10&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>
Facil Verdad...