Plantillas para blogger Línea Revolución
Quieres obtener una nueva plantilla para
utilizarlo en tu blog de blogger, ayuda de blogger te ayudara con una plantilla
única, las cuales tiene todas las especificaciones técnicas de un webmarter. La
plantilla que vas a aprender a implementarla en tu blog de blogger tiene el
nombre de Plantilla Revolución, es una simple y única plantilla para blogger.
Esta diseñado bajo los estándares de una pagina web profesional. Esta nueva
plantilla para blogger lo podrás usar en cualquier tema que tu quieras, si tu
tema es, un blog de noticias, blog de deportes, blog de farándula, blog de economía,
blog de bienes raíces, en fin un sinnúmero de temas que lo podrás usar en esta
nueva plantilla para blogger. La implementación de esta nueva plantilla para
blogger es muy fácil de realizarlo solo tienes que seguir las instrucciones de configuración
que se encuentra detallado en este post.
Características
Un Slideshow automático
1 Menú normal
Buscador integrado
Popular post horizontal
Widgets basado en etiquetas
Diseño SEO
Respuesta de comentarios habilitado
Anuncios para contenido
Redes sociales integrado en cada post
Estructura SEO bajo los estándares de
Google
En anteriores publicaciones di a conocer
algunas plantillas de las cuales también te dejo los enlaces a continuación: Plantilla de Noticias, Plantilla de Teléfonos, Plantilla de Espectáculos, Plantilla de Revista, Plantilla de Yahoo, Plantilla de Deportes, Plantilla Evolución, Plantilla Platón, Plantilla Negas, Plantilla Libertad, Plantilla Tiempos Modernos, Plantilla Taggui, Plantilla Cuántica, Plantilla Década, Plantilla Pietro y Plantilla Buenas Noticias.
A continuación mire su demostración en
mi blog de demos
Te gusto!!!!
Vamos a trabajar
1 Ir a
Blogger
2
Dirígete a “Plantilla”
3 Da un
clic en la parte superior derecha donde dice “Crear
copia de seguridad/restablecer” y se te abrirá una venta en la cual
tendrás que dar un clic en “Examinar” y
buscar el archivo XML que se te fue enviada. Luego das un clic en “Subir” y automáticamente ya tendrás instalada
la plantilla en tu blog de
blogger.
4 Ahora
dirígete a diseño y vas a encontrar que tus widgets están totalmente
desordenados no te preocupes, no borres nada y sigue primero las instrucciones
siguientes y luego podrás ordenar tus widgets:
Primer Paso:
Da un
clic en “Plantilla”
Luego un
clic en “Editar HTML”
Configuración del primer menú
Busca este código
<li><a href='TU LINK AQUI'
title='Temas'>Temas</a></li>
|
Cuando hayas encontrado el código se te
mostrara en tu plantilla todo el código que te dejo a continuación y vas a
realizar algunos cambios
<li><a href='TU LINK AQUI'
title='Temas'>Temas</a></li>
<li><a href='TU LINK AQUI'
title='Econimia'>Econimia</a></li>
<li><a href='TU LINK AQUI'>Categorias</a></li>
<li><a href='TU LINK AQUI'>Novedades</a></li>
<li><a href='TU LINK AQUI'>Internacional</a></li>
<li><a href='TU LINK AQUI'>Recursos</a></li>
<li><a href='TU LINK AQUI'>Noticias</a></li>
|
Realiza estos cambios:
Las letras que están marcadas de color
azul TU LINK
AQUI debes remplazarlos por los links que quieras mostrar en este menú,
al igual deberás cambiar los nombres que están marcados de color rojo y
remplazarlo por los nombres que tu quieras.
Segundo Paso
Configuración del segundo menú desplegable
Busca este código
<li><a
href='/'>Inicio</a></li>
|
Ahora cuando hayas encontrado el código vas
a ver mas abajo un código como el que te dejo a continuación:
<li><a
href='/'>Inicio</a></li>
<li><a
href='#'>Quienes Somos</a></li>
<li><a
class='trigger' href='#'>Farandula</a>
<ul>
<li><a href='#'>Categoria 1</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 2</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 3</a></li>
</ul>
</li>
<li><a class='trigger'
href='#'>Deportes</a>
<ul>
<li><a href='#'>Categoria 1</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 2</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 3</a></li>
</ul>
</li>
<li><a
class='trigger' href='#'>Novedades</a>
<ul>
<li><a href='#'>Categoria 1</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 2</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 3</a></li>
</ul>
</li>
<li><a
class='trigger' href='#'>Actualidad</a>
<ul>
<li><a href='#'>Categoria 1</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 2</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 3</a></li>
</ul>
</li>
<li><a
class='trigger' href='#'>Tecnologia</a>
<ul>
<li><a href='#'>Categoria 1</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 2</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 3</a></li>
</ul>
</li>
<li><a
class='trigger' href='#'>Videos</a>
<ul>
<li><a href='#'>Categoria 1</a></li>
<li class='hr'/>
<li><a href='#'>Categoria 2</a></li>
<li class='hr'/>
<li><a
href='#'>Categoria 3</a></li>
|
Realiza estos cambios:
Los numerales que están marcados de
color azul #, es en donde deben insertar los
links de los post que quieran mostrar, y deberán borrar los nombres que están marcados
de color rojo Categoria
por el nombre que ustedes quieran que aparezca en su menú.
Tercer Paso
Configuración del tercer menú
Busca este código
<li><a href='TU LINK AQUI'
title='Contactos'>Contactos</a></li>
|
Luego de que hayas encontrado el código,
se te mostrara un código como el que te dejo a continuación:
<li><a href='TU LINK AQUI'
title='Contactos'>Contactos</a></li>
<li><a href='TU LINK AQUI' title='SiteMap'>SiteMap</a></li>
|
Realiza estos cambios:
Borra el texto que esta marcado de color
azul TU LINK
AQUI y pon el link del post
que quieras mostrar, y por ultimo, borra los nombres que están marcados de
color rojo Contactos
y pon los nombres que tu quieras.
Ahora es momento de dar un clic en “Guardar
plantilla” y realiza lo siguiente
Cuarto Paso
Da un clic en “Diseño” y busca el widget
que tiene como nombre “FARANDULA” ábrelo e inserta el siguiente código en su
interior
<script
type="text/javascript">
var numposts = 5;var showpostthumbnails
= true;var displaymore = false;var displayseparator = false;var
showcommentnum = false;var showpostdate = false;var showpostsummary =
true;var numchars = 60;
</script>
<script src="/feeds/posts/default/-/Farandula?orderby=updated&alt=json-in-script&callback=labelthumbs"
type="text/javascript">
</script>
|
Realiza este cambio:
Borra el nombre que esta marcado de
color rojo Farandula,
y pon el nombre de la etiqueta que quieras mostrar en este widget.
Quinto Paso
Aun debes estar en el diseño de tu
plantilla, tendras que buscar el widget que tiene como nombre “TECNOLOGIA” ábrelo e inserta el siguiente código
en su interior
<script
language="JavaScript">
imgr = new Array();
imgr[0] = "";
imgr[1] = "";
imgr[2] = "";
imgr[3] = "";
imgr[4] = "";
showRandomImg = true;
tablewidth = 256;
cellspacing = 5;
borderColor =
"#fff";
bgTD =
"#B40404";
imgwidth = 145;
imgheight = 180;
fntsize = 12;
acolor = "#FFF";
aBold = true;
icon = " + ";
text =
"Comentar";
showPostDate = false;
summaryPost = 0;
summaryFontsize
= 1;
summaryColor =
"#000";
icon2 = " →
";
numposts = 5;
home_page = "http://plantillarevolucion.blogspot.com/feeds/posts/default/-/Tecnologia";
</script>
<script
src="http://sites.google.com/site/musikjisite/js/recent-categori.js"
type="text/javascript"></script>
|
Realiza estos cambios:
Primero
debes borrar solo el texto que esta marcado de color purpura plantillarevolucion.blogspot.com y cámbialo por el nombre de tu
pagina web, recuerda solo copia el nombre tal y cual lo tengo señalado, no
vayas a copiarlo así; (http://plantillarevolucion.blogspot.com/) ya que cometerías un error y no
se mostrara las imágenes en el widget.
Además
también deberás borrar el nombre que se encuentra marcado de color verde Tecnologia y poner el nombre de cualquier
etiqueta que quieras mostrar en este widget, recuerda poner solo un nombre de
una etiqueta.
Si quieres
aumentar el numero de imágenes en tu widget, deberás buscar este código numposts = 5;
y solo deberás borrar el numero 5 por el numero de imágenes que quieras
mostrar en tu widget, por ejemplo podrás poner el numero 8, 10, 12, etc.
Sexto Paso
Busca el
widget que tiene como nombre “SUSCRIBETE” ábrelo e inserta el siguiente código en
su interior
<div style="text-align: center;"><a onblur="try
{parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017"target="_blank"><img
style="cursor: pointer; width: 50px; height: 50px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsaYGO3Z1AerlW6r27bM1dk4O4LjX2xVJwuBsuXOxVPG1XK0MXbZ45QzBl07VZmB_BWkUJ0y_JRqdALgVTt9pA6VkpS0B2b-b12kUsATVLFhwzVGRpQ2peGjsgktt5TksUwh8mwDb68Ja/s400/facebook.gif"
alt="" id="BLOGGER_PHOTO_ID_5570661840311021394"
border="0" /></a><a onblur="try
{parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.twitter.com/ayudadeblogger"target="_blank"><img
style="cursor: pointer; width: 50px; height: 50px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAHVEzfKe8QGm6NSof3mOW2yH7i1fP8uK_tjYakfCcLXqHCRHoOrc0zjaMtlkkNm9CF2wKZ9zTZM277Q982AZJtTqB9tvUtkEbJ2SlBzvciaQ_bA0i4_ckC8XQOXTGE15zWEuZTJ53-pXy/s400/twitter.gif"
alt="" id="BLOGGER_PHOTO_ID_5570661853284593298"
border="0" /><a onblur="try {parent.deselectBloggerImageGracefully();}
catch(e) {}" href="http://feedburner.google.com/fb/a/mailverify?uri=ForoAyudaDeBlogger"target="_blank"><img
style="cursor: pointer; width: 50px; height: 50px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi96LYH65qln8CHuiVRustNOXP0oj6cSo0S5bqVWtDFw0-Po9AVZEWBeHo5hOU0Gf0VxldNl5rFg28GWWUziizD0l6_1Q4NhW1fuIAPvbILX-EttjswIkIjnw4pQeXUdHO0EmcMYoftj4Dd/s400/subsribe.gif"
alt="" id="BLOGGER_PHOTO_ID_5570661849405776370"
border="0" /><a onblur="try
{parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://feeds.feedburner.com/ForoAyudaDeBlogger"target="_blank"><img
style="cursor: pointer; width: 50px; height: 50px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXw0DZVl0Xf2uK561m5eX_TLxNQnxG-ONIMrY92LMnWN17x3QfHbynm5lCLgt_SvSmmG9_61ZSaNFDFY6YOQueeJd7co7gQ94YoVkXGu6uoHzOVbhYMWsTSmcKbD4k-QKE7mDdcxcCMFRB/s400/rss.gif"
alt="" id="BLOGGER_PHOTO_ID_5570661843230330146"
border="0" /></a><a onblur="try
{parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://ayudadeblogger.com/"target="_blank"><img
style="cursor: pointer; width: 50px; height: 50px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjayEuHnppx1v31yY8Xhv3HJ3NMsC9czZ2y4QCB-U-yVqknQbtjotEp_H-MeVu_WVEwrt55JCymgSwyuZIpl6ynKkhN1NfJN6XmKyOLWjpV_e5WYwYGIxSy0-_psGCUgg1TJPb97rXabng6/s400/mobile.gif"
alt="" id="BLOGGER_PHOTO_ID_5570661840942677282"
border="0" /></a><br/>
<a href="http://www.ayudadeblogger.com/"><span
style="color: rgb(51, 204, 255);">Quieres este
widget</span></a>
</a></a></div>
|
Realiza
estos cambios:
Borra el
link que esta marcado de color azul http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017,
y remplázalo por el link de tu Fanpage de Facebook
También
deberás borrar el link que esta marcado de color rojo http://www.twitter.com/ayudadeblogger,
y cámbialo por el link de tu pagina de Twitter.
Ademas,
deberas borrar los dos nombres que están marcados de color verde ForoAyudaDeBlogger,
por el nombre perteneciente de tu FeedBurner
Y por ultimo
borra el link que esta marcado de color purpura http://ayudadeblogger.com/, y
pon el link de tu blog.
Eso es todo,
ahora dale un clic en “Guardar” y ubica
tu nuevo widget de suscripciones donde tú quieras.
Séptimo Paso
Busca el widget que tiene como nombre “DEPORTES”
ábrelo e inserta el siguiente código en su interior
<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 =
"#B40404";
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://plantillarevolucion.blogspot.com/feeds/posts/default/-/Deportes";
</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 plantillarevolucion.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 Deportes 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 en
el sidebar.
Eso es todo,
ahora si disfruta de tu nueva plantilla para blogger, podrás aumentar los
widget que tu quieras y hacer de ella una pagina web profesional.
Términos
y condiciones de Uso
Mis
términos son claros, esta plantilla es gratis y no se permite su venta
ni tampoco quitar los links del autor.
¿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
12 comentarios: