Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis


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

crear páginas web

crear páginas web

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

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

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

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

Busca este código

<div class='social-icons-holder'>       <ul>

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='rss' href='http://feeds.feedburner.com/ForoAyudaDeBlogger'>rss</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

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

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.
<li class='menu-item'><a href='/search/label/Temas?&amp;max-results=7'>Espectaculos</a>
<ul class='sub-menu'>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Moda</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Contactos</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Sitemap</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Farandula</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Interes</a></li>
</ul>
</li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Tendencias de Hoy</a>
<ul class='sub-menu'>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Musica</a></li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Foros</a></li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Espectaculos</a></li>
</ul>
</li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Deportes</a></li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>HipHop</a></li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Farandula</a></li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Instrucciones de Uso</a>

</li>


</ul>
</div>


<div id='submenu'>
                        <ul class='subnav dropdown'>
                        <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Fotos</a></li>
<li class='menu-item'><a href='#'>Temporada</a>
<ul class='sub-menu'>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Noticias</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Farandula</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Moda</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Deportes</a></li>
</ul>
</li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Foros de la Web</a>
<ul class='sub-menu'>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Finanzas</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Economia</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Diseño Web</a></li>
</ul>
</li>
<li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Finanzas</a>
<ul class='sub-menu'>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Economia</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Temas</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Deportes</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Teatros</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;max-results=7'>Centros</a></li>
            <li class='menu-item '><a href='/search/label/Temas?&amp;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

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

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.


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

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

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

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

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

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

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.

Tutorial de Plantillas para blogger Linea Libertad Plantillas Gratis

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. 




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: