Widgets y Plugins para Blogger


Trucos para Blogger Widget de imágenes y Titulo


Estabas buscando widgets y trucos para blogger, Ayudadeblogger.com te ayudara con los mejores trucos para blogger con un solo widget. Es impresionante lo que blogger puede hacer en las plantillas, es más que un diseño web profesional. Actualmente la plataforma de blogger renovó su Editor HTML con nuevas y sorprendentes mejoras en su editor, cave recalcar que blogger es lo mejor para el diseño de paginas web completamente gratis, es por esto que para muchos pro blogger profesionales e Ingenieros de Sistemas se les hace muy fácil codificar en blogger y realizar trucos muy interesantes para todos. Hoy voy a compartir con ustedes un widget muy interesante y fácil de implementarlo en nuestro blog de Blogger. El widget que van ha aprender en este post Tutorial se lo conoce como Widget de imágenes y titulo, el cual le mostrara varias imágenes basadas en etiquetas, con un titulo a lado derecho de la imagen e integrado si tiene o no comentarios en sus post. Es un truco muy fácil solo deben seguir mis instrucciones y lo podrán obtener.

Trucos para Blogger Widget de imágenes y Titulo


A continuación mire su demostración en mi blog de demos, el widget se encuentra en el centro de la plantilla el cual lleva el nombre de "FARANDULA", ustedes lo podrán poner donde gusten.


Te gusto!!!!

Ahora vamos a trabajar

1 Ir a blogger

2 Da un clic en “Diseño

Trucos para Blogger Widget de imágenes y Titulo

3 También caberas dar un clic en “Añadir un gadget” y se desprenderá una nueva ventana

Trucos para Blogger Widget de imágenes y Titulo

4 Busca el widget que dice “HTML/Javascript

Trucos para Blogger Widget de imágenes y Titulo

Ahora inserta en su interior las siguientes líneas de código

<div class='widget-content'>
<script language="JavaScript">
imgr = new Array();


imgr[0] = "http://3.bp.blogspot.com/_GGtgB_7BjRQ/SvJCivDgDrI/AAAAAAAAAAo/kf8-WfTDE18/S1600-R/no-image.png";
imgr[1] = "http://3.bp.blogspot.com/_GGtgB_7BjRQ/SvJCivDgDrI/AAAAAAAAAAo/kf8-WfTDE18/S1600-R/no-image.png";
imgr[2] = "http://3.bp.blogspot.com/_GGtgB_7BjRQ/SvJCivDgDrI/AAAAAAAAAAo/kf8-WfTDE18/S1600-R/no-image.png";
imgr[3] = "http://3.bp.blogspot.com/_GGtgB_7BjRQ/SvJCivDgDrI/AAAAAAAAAAo/kf8-WfTDE18/S1600-R/no-image.png";
imgr[4] = "http://3.bp.blogspot.com/_GGtgB_7BjRQ/SvJCivDgDrI/AAAAAAAAAAo/kf8-WfTDE18/S1600-R/no-image.png";

showRandomImg = true;

tablewidth = 287;
cellspacing = 5;
borderColor = "#FFF";
bgTD = "#fff";

imgwidth = 200;
imgheight = 150;

fntsize = 12;
acolor = "#000";
aBold = true;
icon = "  ";

text = "Comentarios";

showPostDate = false;

summaryPost = false;
summaryFontsize = 11;
summaryColor = "#000";
icon2 = " &rarr; ";

numposts = 5;

home_page = "http://plantillapietro.blogspot.com/feeds/posts/default/-/Farandula";

</script>
<script src="http://sites.google.com/site/musikjisite/js/recent-categorialbum.js" type="text/javascript"></script></div>

Realiza estos cambios:

En este punto es muy importante insertar bien el nombre de tu blog, con mucho cuidado borra el texto que esta marcado de color azul plantillapietro.blogspot.com , deberás cambiarlo por el nombre de tu blog, no copiaras directamente el link de tu blog ya que no te puedes dar cuenta si se fue una línea de mas y por eso no podría funcionar este widget, recuerda solo pon el nombre perteneciente de tu blog tal y cual lo muestro yo, además deberás cambiar el nombre que esta marcado de color rojo Farandula y poner el nombre de una de tus etiquetas, esto hará que aparezcan tus temas en este widget.


Si quieres aumentar el numero de imágenes en el widget, tendrás que buscar este código numposts = 5; y solo cambiar el numero 5 por el numero que tu quieras que aparezca en tu nuevo widget.

Luego de realizar los cambios pertinentes, es momento de dar un clic en “Guardar”, y ubica tu nuevo widget de imágenes donde tú quieras, eso es todo.

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé

Saludos.

Enviar por correo

Publicar un comentario

Discusión: