add

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.
emailEnviar por correo

0 comentarios:

Publicar un comentario en la entrada

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios