28 marzo 2010

Entradas Recientes con Imagen miniatura

 
Como se que quedaron complacidos con el Gadget de Posts recientes con imagen, hoy traigo uno diferente pero muy parecido. En esta entrada, explicare como agregar un widget de posts recientes con imágenes miniaturas.

Estos gadgets son uno de los que mas los bloggeros buscamos e utilizamos, junto con el gadget de comentarios recientes y las entradas populares, son aquellos que nunca pueden faltar en el blog de alguno, ya que son de vital importancia para ganar mas visitas a las paginas directamente que blogger ofrece a cada post que publicas, y ademas, incitar a los lectores a que comenten en cada entrada.

Las características de este gadget son:

♦ Imagen miniatura de la entrada
♦ Titulo de la entrada con el enlace
♦ Numero de comentarios

Asi que, vamos a explicarte como hacer para instalarlo.

[1] Entra al panel de Blogger
[2] Ve a Diseño > Añadir un gadget > HTML/Javascript
[3] Copia y pega el siguiente código

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://2.bp.blogspot.com/_ANAc3M1UV3E/S6-QL1xh5wI/AAAAAAAAAv4/0ry8lxlkVYg/s1600/no-image.jpg";

imgr[1] = "http://2.bp.blogspot.com/_ANAc3M1UV3E/S6-QL1xh5wI/AAAAAAAAAv4/0ry8lxlkVYg/s1600/no-image.jpg";

imgr[2] = "http://2.bp.blogspot.com/_ANAc3M1UV3E/S6-QL1xh5wI/AAAAAAAAAv4/0ry8lxlkVYg/s1600/no-image.jpg";

imgr[3] = "http://2.bp.blogspot.com/_ANAc3M1UV3E/S6-QL1xh5wI/AAAAAAAAAv4/0ry8lxlkVYg/s1600/no-image.jpg";

imgr[4] = "http://2.bp.blogspot.com/_ANAc3M1UV3E/S6-QL1xh5wI/AAAAAAAAAv4/0ry8lxlkVYg/s1600/no-image.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comentarios";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://www.frikibloggeo.com.ar/";

</script>

<script src="http://sites.google.com/site/anthonysfiles21301059/archivos-friki-bloggeo/Entradas-con-imagenes.js" type="text/javascript"></script>

[4] Explicacion:

boxwidth: Ancho del cuadro

cellspacing: Espacio entre las entradas

borderColor: Color del borde (añadir color de fondo de la plantilla)

thumbwidth &

thumbheight: Ancho y alto de las imágenes miniaturas

fntsize: Tamaño de la letra

acolor: Color del titulo

aBold: Titulos en negrita (True para Si, false para no)

numposts: Numero de entradas para mostrar

http://www.frikibloggeo.com.ar/: Sustitúyela por la URL de tu pagina.


[5] Por ultimo pero no menos importante, guarda los cambios.

Eso es todo! Disfruta tu gadget...

Enlaces para compartir en tu blog o pagina web.




Widget por Friki Bloggeo