Tutorial Plantillas para Blogger Línea Renovación

Nuevo y espectacular tutorial de plantillas para Blogger gratis, en esta publicación voy a explicar un tema muy interesante para esos bloggeros que les gusta obtener nuevas plantillas para Blogger. Estaban buscando un tutorial de plantillas para Blogger? has llegado al sitio adecuado, Ayudadeblogger.com les presenta un nuevo tutorial de plantillas para Blogger con diseño web profesional. Esta nueva plantilla para Blogger funciona perfectamente en todos los navegadores web como Firefox, Google Chrome, Internet Explorer etc.

Características principales

Carga ligera

Slideshow principal

Slideshow en sidebar

Breaking News

Menu desplegable

Iconos sociales

Publicidad

Widgets basados en etiquetas

Diseño profesional

Diseño SEO

Redes sociales incorporado

Respuesta de mensajes

Además, si necesitan conocer más plantillas para Blogger, les dejo algunas de ellas:

Plantilla Zona, 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, PlantillaTiempos Modernos, Plantilla Taggui, Plantilla Cuántica, Plantilla Década, Plantilla Pietro, Plantilla Buenas Noticias, Plantilla Revolución, Plantilla Newslie, Plantilla DigitalText, Plantilla Cocina,  Plantilla Tendencia,  Plantilla Negocios, Plantilla Azul y Plantilla Dark.

A continuación mire su demostración en mi blog de demos

Les gusto verdad!

Vamos a implementar esta nueva plantilla para blogger

Tutorial de plantilla para blogger

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

Primero vamos a configurar nuestra plantilla en el Editor HTML

Da clic en “Plantilla”

Un clic en “Editar HTML”

Configuración del Menú desplegable

Busca este código

<li><a href='/'>Inicio</a></li>

Luego de encontrar el código, te mostrara un código como el siguiente

<li><a href='/'>Inicio</a></li> <li><a class='dir' href='Su link URL aqui'>Deportes</a> <ul> <li class='empty'>Deportes</li> <li><a href='Su link URL aqui'>Ganar dinero</a></li> <li><a href='Su link URL aqui'>Internet</a></li> <li><a href='Su link URL aqui'>Blogs</a></li> <li><a href='Su link URL aqui'>Soluciones</a></li> <li class='empty'>Eventos</li> <li><a href='Su link URL aqui'>Diseño</a></li> <li><a href='Su link URL aqui'>Diseño web</a></li> <li><a href='Su link URL aqui'>SEO</a></li> <li><a href='Su link URL aqui'>Marketing</a></li> <li><a href='Su link URL aqui'>Problogger</a></li> <li><a href='Su link URL aqui'>Widgets</a></li> </ul></li> <li><a class='dir' href='Su link URL aqui'>Farandula</a> <ul> <li><a href='Su link URL aqui'>Dinero</a></li> <li><a href='Su link URL aqui'>Ganar dinero</a></li> <li><a href='Su link URL aqui'>SEO</a></li> <li><a href='Su link URL aqui'>Soluciones</a></li> <li><a href='Su link URL aqui'>Menus</a></li> <li><a href='Su link URL aqui'>Empresa</a></li> <li><a href=' Su link URL aqui '>Aplicaciones</a></li> </ul></li> <li><a class='dir' href='Su link URL aqui'>Inversiones</a> <ul> <li><a href='Su link URL aqui'>Widgets</a></li> <li><a href='Su link URL aqui'>Blogger</a></li> <li><a href='Su link URL aqui'>SEO</a></li> <li><a href='Su link URL aqui'>Diseño web</a></li> <li><a href='Su link URL aqui'>Plantillas</a></li> <li><a href='Su link URL aqui'>Mi sitio</a></li> </ul></li> <li><a class='dir' href='Su link URL aqui'>Ganar Dinero</a> <ul> <li class='empty'>Blogger</li> <li><a href='Su link URL aqui'>Slideshow</a></li> <li><a href='Su link URL aqui'>Blogger</a></li> <li><a href='Su link URL aqui'>Dinero</a></li> <li><a href='Su link URL aqui'>Menus</a></li> <li class='empty'>Plantillas</li> <li><a href='Su link URL aqui'>Plantillas Blog</a></li> <li><a href='Su link URL aqui'>Profesional</a></li> <li><a href='Su link URL aqui'>Taggui</a></li> </ul></li> <li><a class='dir' href='Su link URL aqui'>Servicios GDL</a> <ul> <li><a href='Su link URL aqui'>Blogger</a></li> <li><a href='Su link URL aqui'>Comunidad</a></li> <li><a href='Su link URL aqui'>Servicios</a></li> <li><a href='Su link URL aqui'>Marcas</a></li> <li><a href='Su link URL aqui'>Backlinks</a></li> <li><a href='Su link URL aqui'>Menus</a></li> <li><a href='Su link URL aqui'>Cuentas</a></li> </ul></li> <li><a class='dir' href='Su link URL aqui'>SEO y Marketing</a> <ul> <li><a href='Su link URL aqui'>Menus blog</a></li> <li><a href='Su link URL aqui'>Blogger</a></li> <li><a href='Su link URL aqui'>Dinero</a></li> <li><a href='Su link URL aqui'>Ganar dinero</a></li> <li class='empty'>Internet</li> <li><a href='Su link URL aqui'>Servicios</a></li> <li><a href='Su link URL aqui'>Descargas</a></li> </ul></li> <li><a class='dir' href='Su link URL aqui'>Videos</a> <ul> <li><a href='Su link URL aqui'>Blogs</a></li> <li><a href='Su link URL aqui'>Blogger</a></li> <li><a href='Su link URL aqui'>Menus</a></li> <li><a href='Su link URL aqui'>Slideshow</a></li> <li><a href='Su link URL aqui'>Comunidad</a></li> </ul></li> <li><a class='dir' href='Su link URL aqui'>Contactos</a> <ul> <li><a href='Su link URL aqui'>Google +</a></li> <li><a href='Su link URL aqui'>Facebook</a></li> <li><a href='Su link URL aqui'>Twitter</a></li> </ul></li> </ul>

Realiza estos cambios:

Cambia los nombres que están marcados de color rojo, por los nombres que tú quieras

Borra las palabras que dicen Su link URL aquí, y remplázalos por las direcciones URLs de tus post

También, elimina las palabras que están marcadas de color verde, y remplázalos por el nombre que tú quieras.

Segundo Paso

Configuración del Primer widget basado en etiquetas

Busca este código

label1 = "Temas";

Realiza este cambio

Cambia el nombre que dice “Temas” por el nombre de una de tus etiquetas que quieras mostrar

Que es una etiqueta? Más información en este enlace

Tercer Paso

Configuración del Segundo Widget basado en etiquetas

Busca este código

label13 = "Interes";

Realiza este cambio:

Cambia el nombre que dice “Interes” por el nombre de una de tus etiquetas que quieras mostrar

Que es una etiqueta? Más información en este enlace

Cuarto Paso

Configuración del widget Internacional

Busca este código

label2 = "Temas";

Realiza este cambio:

Cambia el nombre que dice “Temas” por el nombre de una de tus etiquetas que quieras mostrar. Además, también puedes cambiar el título de este widget en la parte que dice

Title2 = "Internacional";

Que es una etiqueta? Más información en este enlace

Quinto Paso

Configuración del widget Deportes Internacionales

Busca este código

label3 = "Deportes";

Realiza este cambio:

Cambia el nombre que dice “Deportes” por el nombre de una de tus etiquetas que quieras mostrar. Además, también puedes cambiar el título de este widget en la parte que dice

Title3 = "Deportes Internacionales";

Que es una etiqueta? Más información en este enlace

Sexto Paso

Configuración del widget Farándula Internacional

Busca este código

label4 = "Farandula";

Realiza este cambio:

Cambia el nombre que dice “Farandula” por el nombre de una de tus etiquetas que quieras mostrar. Además, también puedes cambiar el título de este widget en la parte que dice

Title4 = "Farandula Internacional";

Que es una etiqueta? Más información en este enlace

Séptimo Paso

Configuración del widget Finanzas Internacionales

Busca este código

label5 = "Finanzas";

Realiza este cambio:

Cambia el nombre que dice “Finanzas” por el nombre de una de tus etiquetas que quieras mostrar. Además, también puedes cambiar el título de este widget en la parte que dice

Title5 = "Finanzas Internacionales";

Que es una etiqueta? Más información en este enlace

Octavo Paso

Configuración del widget Noticias de Tecnología

Busca este código

label6 = "Tecnologia";

Realiza este cambio:

Cambia el nombre que dice “Tecnologia” por el nombre de una de tus etiquetas que quieras mostrar. Además, también puedes cambiar el título de este widget en la parte que dice

Title6 = "Noticias de Tecnología";

Que es una etiqueta? Más información en este enlace

Noveno Paso

Configuración del widget Noticias Internacionales

Busca este código

label7 = "Temas";

Realiza este cambio:

Cambia el nombre que dice “Temas” por el nombre de una de tus etiquetas que quieras mostrar. Además, también puedes cambiar el título de este widget en la parte que dice

Title7 = "Noticias Internacionales";

Que es una etiqueta? Más información en este enlace

Decimo Paso

Configuración del widget Interés Internacional

Busca este código

label8 = "Interes";

Realiza este cambio:

Cambia el nombre que dice “Interes” por el nombre de una de tus etiquetas que quieras mostrar. Además, también puedes cambiar el título de este widget en la parte que dice

Title8 = "Interes Internacional";

Que es una etiqueta? Más información en este enlace

Décimo Primer Paso

Configuración de los Iconos Sociales

Busca este código

<center><p id='ayudadeblogger_socialicons'>

Una vez que hayas encontrado el código, te mostrara las siguientes líneas de código en tu plantilla

<center><p id="ayudadeblogger_socialicons">     <a href="http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Q2HGRg2mzz5ZHfTMxSThnvcMkxJURFWQvIIpz5CCLws1-QFtnudMUWgTKjSwXpmVSBCTPLwGOWe9VsCFzLOLXyOGjjv8AG_tYwtMJkvYYIvdtxUcym6gRRzCjfGVqgN_itnh4phktFqi/s1600/NBT+facebook+icon.png" /></a>     <a href="http://www.twitter.com/ayudadeblogger"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdP7F_78_qkUukSTx7V-cNnEVhMf2cvc3TX_a2ILHwVa3E3m8VAIXPsIfXJ9d6JQtmqioSU2k5OdtTeDfBwAGRPL9nePtE9JNPqw85qBBnAHcUW-29sYgItGk-jewamqphCFTDSZDehTl3/s1600/NBT+twitter+icon.png" /></a>     <a href="https://plus.google.com/114283163993086871162"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicSist6HgT-MwCObiZb-nwOZ5ncvElcssDX7JRGAbFu7lScLSvGxE4KScozD6zs1-WKI_h_1z0c8b7lfmaCEA1TKVCogw7M-qie0J2mdxlXBHJAM6zgDDIMYwwIacyGqXQ8fnSwq67IVco/s1600/NBT+google+plus+icon.png" /></a>     <a href="http://www.feeds.feedburner.com/foroayudadeblogger"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimkQpflaEPtRGJ0XjSWLUDpOGVbBKZr2w5_6aXk7VL71pIeQEOdq5KELoRbLg2MSHw8i_7ktcA-MdITg8T0PblVBl5sGnyOea1f3SuEvrTn73R_jOClcKSNYJsCILaOtY-NT7QltSSgJog/s1600/NBT+rss+feed+icon.png" /></a></p></center>

Realiza estos cambios:

Borra las URLs que están marcadas de color azul, y remplázalos cada una de ellas por las URLs de tus perfiles sociales.  Facebook, Twitter, Google+, Feedburner.

Eso es todo en la configuración del Editor HTML de nuestra plantilla, ahora es momento de dar un clic en “Guardar plantilla” y vamos a realizar lo siguiente

Décimo segundo Paso

Vamos a dar un clic en “Diseño” y organizaremos nuestros widgets

Configuración del Breaking News

Al estar en diseño, vamos a ubicar nuestro Breaking News, en el siguiente widget tal como está ubicado en la siguiente imagen.

Para realizar este truco sigan las instrucciones del siguiente enlace

Como insertar un Headline de Noticias con un solo widget en blogger

Décimo Tercer Paso

Configuración del Slideshow

Vamos a ubicar nuestro widget en Diseño lo abrimos y realizamos el siguiente tutorial de como Insertar un slideshow en Blogger, sigan el siguiente enlace:

Tutorial de Slideshow para Blogger

Décimo Cuarto Paso

Configuración del Slider Galería

Para realizar este truco ubicamos el widget que tiene como nombre Slider Galería, lo abrimos y realiza los siguientes pasos que se encuentra explicado en el siguiente enlace

Tutorial como insertar un Slideshow en el sidebar de Blogger

Décimo Quinto Paso

Configuración de las Cajas de Seguidores Facebook y Google+

Sigue el siguiente enlace, para realizar ese truco

Como agregar de forma flotante la caja de seguidores de Facebook y Google+ enBlogger

Bueno, ahora para que no se confundan al momento de ubicar sus widgets, les voy a dejar una imagen de cómo debe estar ubicado sus widgets en su página de Diseño

Felicidades, has terminado con la configuración de esta nueva plantilla para Blogger

Fácil verdad!

Recuerda suscribirte y así podrás recibir mis nuevas actualizaciones directamente en tu correo electrónico

Términos y condiciones de Uso

Mis términos son claros, esta plantilla no se permite su venta

¿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.