add

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
Publicidad
Widgets basados en etiquetas
Diseño profesional
Diseño SEO
Redes sociales incorporado
Respuesta de mensajes

Tutorial Plantillas para Blogger

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


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

crear páginas web

crear páginas web

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

Tutorial Plantillas para Blogger

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

Tutorial Plantillas para Blogger

Un clic en “Editar HTML

Tutorial Plantillas para Blogger

Configuración del Menú desplegable

Tutorial Plantillas para Blogger

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

Tutorial Plantillas para Blogger

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


Tercer Paso

Configuración del Segundo Widget basado en etiquetas

Tutorial Plantillas para Blogger

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


Cuarto Paso

Configuración del widget Internacional

Tutorial Plantillas para Blogger

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";


Quinto Paso

Configuración del widget Deportes Internacionales

Tutorial Plantillas para Blogger

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";


Sexto Paso

Configuración del widget Farándula Internacional

Tutorial Plantillas para Blogger

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";


Séptimo Paso

Configuración del widget Finanzas Internacionales

Tutorial Plantillas para Blogger

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";


Octavo Paso

Configuración del widget Noticias de Tecnología

Tutorial Plantillas para Blogger

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";


Noveno Paso

Configuración del widget Noticias Internacionales

Tutorial Plantillas para Blogger

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";


Decimo Paso

Configuración del widget Interés Internacional

Tutorial Plantillas para Blogger

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";


Décimo Primer Paso

Configuración de los Iconos Sociales

Tutorial Plantillas para Blogger

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="http://3.bp.blogspot.com/-eG9bPvyOXro/UPBYTmI8VEI/AAAAAAAAJqI/TFBZzBxJ59c/s1600/NBT+facebook+icon.png" /></a>

    <a href="http://www.twitter.com/ayudadeblogger"><img src="http://4.bp.blogspot.com/-dB0P2JmL6QA/UPBYVfvhyII/AAAAAAAAJqU/HFD5UeTJck8/s1600/NBT+twitter+icon.png" /></a>

    <a href="https://plus.google.com/114283163993086871162"><img src="http://1.bp.blogspot.com/-XU8OI90JZQc/UPBYUKmev_I/AAAAAAAAJqM/FPgdcMimraQ/s1600/NBT+google+plus+icon.png" /></a>

    <a href="http://www.feeds.feedburner.com/foroayudadeblogger"><img src="http://4.bp.blogspot.com/-YPkJD-sewC8/UPBYWk9dzBI/AAAAAAAAJqg/D3FVlAJz4VE/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

Tutorial Plantillas para Blogger

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.

Tutorial Plantillas para Blogger

Para realizar este truco sigan las instrucciones del siguiente enlace


Décimo Tercer Paso

Configuración del Slideshow

Tutorial Plantillas para Blogger

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 Plantillas para Blogger


Décimo Cuarto Paso

Configuración del Slider Galería

Tutorial Plantillas para Blogger

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


Décimo Quinto Paso

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

Tutorial Plantillas para Blogger

Sigue el siguiente enlace, para realizar ese truco


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

Tutorial Plantillas para Blogger

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.


3 comentarios:

  1. Hola Amigo Saludos desde Colombia me Envías la Plantilla Porfa Me encanta por el Slideshow es Excelente me encanta mi Correo es ayinson923@gmail.com Bendiciones

    ResponderEliminar
  2. hola me envias esta plantilla me encanto muy hermosa

    truncadonoticias@gmail.com


    saludos luis !!!!

    ResponderEliminar
  3. hola Luis quisiera trabajar con esta plantilla. si eres tan amable de enviarmela, te lo agradesecia mucho... djtowla09@hotmail.com

    ResponderEliminar

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 (32) 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 (10) 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