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

1 Menú desplegable

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&amp;alt=json-in-script&amp;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.

Que es una etiqueta, más información en este enlace

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 = " &rarr; "; 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.

Que es una Etiqueta más información en este enlace

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 = " &rarr; "; 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.

Que es una Etiqueta, más información en este enlace

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

¿Te ha resultado útil este artículo, recomiendanos?

Si

TAGS: Plantillas Blogger

Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.