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
<script language="JavaScript">
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjK_H_VaMqT4QHsqlb0nQ4gWnNM0tVJu2ZVwPqvv_vcwaQ3nbrGBCP7EY-P5KRi7abOn1lVyjAPCYmtdyG7dUjtOVSbc4HZA14Ytuy8rgX7YlX1tQUrdK9yGZtOqE8oo3AbkNfb5TbW9k/s1600/no-image.jpg";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjK_H_VaMqT4QHsqlb0nQ4gWnNM0tVJu2ZVwPqvv_vcwaQ3nbrGBCP7EY-P5KRi7abOn1lVyjAPCYmtdyG7dUjtOVSbc4HZA14Ytuy8rgX7YlX1tQUrdK9yGZtOqE8oo3AbkNfb5TbW9k/s1600/no-image.jpg";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjK_H_VaMqT4QHsqlb0nQ4gWnNM0tVJu2ZVwPqvv_vcwaQ3nbrGBCP7EY-P5KRi7abOn1lVyjAPCYmtdyG7dUjtOVSbc4HZA14Ytuy8rgX7YlX1tQUrdK9yGZtOqE8oo3AbkNfb5TbW9k/s1600/no-image.jpg";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjK_H_VaMqT4QHsqlb0nQ4gWnNM0tVJu2ZVwPqvv_vcwaQ3nbrGBCP7EY-P5KRi7abOn1lVyjAPCYmtdyG7dUjtOVSbc4HZA14Ytuy8rgX7YlX1tQUrdK9yGZtOqE8oo3AbkNfb5TbW9k/s1600/no-image.jpg";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjK_H_VaMqT4QHsqlb0nQ4gWnNM0tVJu2ZVwPqvv_vcwaQ3nbrGBCP7EY-P5KRi7abOn1lVyjAPCYmtdyG7dUjtOVSbc4HZA14Ytuy8rgX7YlX1tQUrdK9yGZtOqE8oo3AbkNfb5TbW9k/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.
![[1] Crear una calculadora simple en Microsoft Visual Studio 2010 (El Diseño)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihK06o3qxRgndTN83gagg5xMy8Y0s4rg9GCiBabAgKpoFDpCUkp8Al_rfR6HKBuaEHmmst0IOnxKE7V2kHfX63AoPgzF_mZQ-nZ-Bkj4vdbhyphenhyphenPMU_bP1Dk_0ZJf_4_NgJh7dzseZHN7Okh/s72-c/calculadora.JPG "[1] Crear una calculadora simple en Microsoft Visual Studio 2010 (El Diseño)")
No hay comentarios :
Publicar un comentario