lunes, 20 de mayo de 2013

Widget De Articulos Recientes Con Imagen Para Blogger

Leave a Comment

Este Widget de entradas recientes es un maravilloso aparatito que puede ser encontrado en la mayoria de blog de blogger y de wordpress ,pero que hace a este sobresaliente es que este muestra la fecha en el cual el articulo fue  publicado,el numero and more li de comentarios y un boton de enlace.

Como Anadir El Widget de Articulos Recientes
  • Vaya a la interface de blogger
  • Da Click en Plantilla > Anade un Gadget > HTML/JavaScript
  • Copia y pega el siguiente codigo en caja de contenido

<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://www.Tu-BLOG-URL.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
.
  • Para Cambiar el numero de articulos ha ser mostrados, simplemente encuentre var numposts = 5 y reemplace el  5 con tu numero deseado
  • Reemplace TU-BLOG-URL con el url de tu blog
  • Da Click en el boton de Guardar.
Listo!
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario