Home Plantillas Blogger Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

3/01/2013

En este nuevo tutorial para blogger van ha aprender a instalar una nueva plantilla para blogger. A esta nueva plantilla para blogger le he puesto el nombre de Libertad. Su diseño y desempeño es única en el tema de plantillas para blogger. Si necesitabas renovar tu blog de blogger y obtener una plantilla nueva y elegante para usarlo en tu blog de blogger, has llegado al sitio adecuado. Su instalación es muy simple. Anteriormente publique algunas plantillas para blogger, de las cuales les dejo los links aquí, 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 y Plantilla Negas.

Todas estas plantillas gratis para blogger han sido un éxito rotundo para todos los bloggeros del mundo.

Características principales de la Plantilla Libertad

Post de Noticias Automático

Fecha integrado

Iconos de redes sociales lista para integrarse con los usuarios

Slideshow carrusel basado en etiquetas

Cuenta con dos menús desplegables

Un slideshow basado en etiquetas, una descripción del post y muestra hasta 9 imágenes de cada post basado en etiquetas.

Varios widgets basado en etiquetas

Estructura SEO amigable para buscadores

Buscador integrado

Widgets de anuncios publicitarios si lo usas

Un tabber integrado de tres columnas

División de dos columnas de 120 de ancho

Comentarios en Avatar

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis, adsl, mejor adsl

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

Bueno ahora si nos dirigimos a seguir el tutorial de plantillas 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:

Da un clic en “Plantilla”

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

Luego otro clic en “Editar HTML”

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

En esta parte vamos a comenzar la configuración de nuestra plantilla

Configuración de los iconos de las redes sociales

Busca este código

Luego se te mostrara un código como el que te voy a dejar aquí, y tienes que cambiar solo los links que están marcados de color azul, por el link de las redes sociales que utilizas.

<li><a class='google' href='https://plus.google.com/114283163993086871162'>google</a></li>

<li><a class='facebook' href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017'>facebook</a></li>

<li><a class='pintrest' href='#'>pintrest</a></li>

<li><a class='twitter' href='https://www.twitter.com/ayudadeblogger'>twitter</a></li>

<li><a class='vimeo' href='#'>vimeo</a></li>

<li><a class='youtube' href='#'>youtube</a></li>

Segundo Paso

Configuración del Menú desplegable

Busca estas líneas de código

<div class='ddsmoothmenu' id='menu-22'><ul class='menu' id='menu-main-menu'><li class='menu-item '><a href='/'>Inicio</a>

Una vez que hayas encontrado el código, se te mostrara todo el código de los dos menús desplegables, en los cuales tendrás que cambiar el texto que esta marcado de color azul por el nombre de la etiqueta que quieras mostrar en cada parte del menú. También debes cambiar el texto que esta marcado de color rojo por el texto que tu quieras mostrar en cualquiera de tus dos menús.

Que es una Etiqueta, más información aqui

<li class='menu-item'><a href='/search/label/Temas?&max-results=7'>Espectaculos</a>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Contactos</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Sitemap</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Farandula</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Interes</a></li>

</ul>

</li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Tendencias de Hoy</a>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Musica</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Foros</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Espectaculos</a></li>

</ul>

</li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Deportes</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>HipHop</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Farandula</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Instrucciones de Uso</a>

</li>

</ul>

</div>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Fotos</a></li>

<li class='menu-item'><a href='#'>Temporada</a>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Noticias</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Farandula</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Deportes</a></li>

</ul>

</li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Foros de la Web</a>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Finanzas</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Economia</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Diseño Web</a></li>

</ul>

</li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Finanzas</a>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Economia</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Temas</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Deportes</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Teatros</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Centros</a></li>

<li class='menu-item '><a href='/search/label/Temas?&max-results=7'>Espectaculos</a></li>

Recuerda cambiar Temas por el nombre de la etiqueta que quieras mostrar

Tercer Paso

Configuración del Widget Deportes

Recuerda que aun debes seguir en la configuración de tu código HTML, busca este código:

label1 = "Deportes";

Title1 = "Deportes";

Remplaza los nombres que dicen “Deportes” por el nombre de la etiqueta que quieras mostrar.

Que es una Etiqueta, más información aqui

Cuarto Paso

Configuración del Widget Farándula

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis, finanzas

Busca este código:

label2 = "Farandula";

Title2 = "Farandula";

Cambia los dos nombres que están marcados de amarillo “Farandula” por el nombre de la etiqueta que quieras mostrar.

Quinto Paso

Configuración del Slideshow

Al igual que la anterior busca este código:

label3 = "Temas";

Title3 = "Slider";

Remplaza el texto que esta marcado de color amarillo “Temas” y pon el nombre de la etiqueta que quieras mostrar

Sexto Paso

Configuración del Widget Tecnología

Busca estas líneas:

label4 = "Tecnologia";

Title4 = "Tecnologia";

Cambia los dos nombres que están marcados de color amarillo “Tecnologia” por el nombre de la etiqueta que quieras mostrar

Séptimo Paso

Configuración del Slideshow Carrusel

Busca estas líneas:

label6 = "Temas";

Title6 = "BETA NEWS";

Cambia el nombre que esta marcado de color amarillo “Temas” por el nombre de la etiqueta que quieras mostrar en tu slideshow.

Octavo Paso

Ahora si dale un clic en “Guardar plantilla”, y mira los cambios en tu blog.

Noveno Paso

Dirígete a “Diseño” y organiza los widgets que estaban mal organizados, a continuación te voy a dejar una imagen de cómo debe de quedarte la ubicación de los widgets en tu blog de diseño.

Eso es todo, felicidades has hecho un buen trabajo.

Términos y condiciones de Uso:

Mis términos son claros, esta plantilla de uso exclusivo para blogger, es gratis y no se permite su venta.

¿Necesitas ayuda?

Espero haber sido lo mas explicativo posible, recuerden, 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?

TAGS: Plantillas Blogger

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.