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.
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”
3 También caberas dar un clic en “Añadir
un gadget” y se desprenderá una nueva ventana
4 Busca el widget que dice “HTML/Javascript”
Ahora inserta en su interior las siguientes
líneas de código
<div
class='widget-content'>
<script
language="JavaScript">
imgr = new Array();
imgr[0] =
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png";
imgr[1] =
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png";
imgr[2] =
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png";
imgr[3]
=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png";
imgr[4]
=
"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/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 = " →
";
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.
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
Comentarios