Plantillas gratis para blogger línea Tendencia


Obtener buenas plantillas para blogger es la mejor decisión que puedes tener al momento de darle vida a tu primer blog de blogger. Las buenas plantillas para blogger reflejaran el gran trabajo que realizas diariamente para darte a conocer en el internet y así poder vender tus productos o temas de interés mundial como, noticias, espectáculos, negocios, inversiones, blogs personales etc. Les voy a presentar una nueva plantilla la cual lleva el nombre Tendencia, es una plantilla para blogger que llenara todas las necesidades de una página web. Las especificaciones de la plantilla Tendencia son las siguientes:

Características principales:

Un Slideshow en la página principal la cual mostrara 6 imágenes y descripciones de sus post, de forma manual. A la cual tendrán que insertar las imágenes y las descripciones, acompañadas del URL que desean mostrar.

Un sistema de noticias en movimiento, a la cual tendrán la oportunidad de insertarlo de forma manual en el editor HTML de su plantilla.


Dos widgets basado en etiquetas

Integración de redes sociales habilitado

Un menú desplegable en la cabecera principal

Un menú al final del blog

Ubicación de dos banners con una dimensión de 160x600

Artículos relacionados con imágenes en los post

Habilitado comentarios con respuestas

Estructura SEO dinámica

Carga rápida, basada en los estándares de Google

Plantillas gratis para blogger

A continuación mire la demostración de la plantilla Tendencia en mi blog de demos

crear páginas web

crear páginas web

Te gusto!

Vamos a configurarlo

1 Ir a blogger

2 Dirígete a “Plantilla

Plantillas gratis 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:

Da un clic en “Plantilla

Plantillas gratis para blogger

Luego un clic en “Editar HTML

Plantillas gratis para blogger

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.

Plantillas gratis para blogger

Configuración del Menú desplegable

Plantillas gratis para blogger

Busca este código

<div class='menu-main-nav-container'><ul><li><a href='/'>Inicio</a></li>

Cuando hayas encontrado el código, te mostrara un código como el siguiente

<div class='menu-main-nav-container'><ul><li><a href='/'>Inicio</a></li>

<li><a href='http://#'>Juegos</a>
<ul class='sub-menu'>
            <li><a href='#'>Playstation 1</a></li>
            <li><a href='#'>Playstation 2</a></li>
            <li><a href='#'>Playstation 3</a></li>
            <li><a href='#'>Wii</a></li>
            <li><a href='#'>Juegos en linea</a></li>
            <li><a href='#'>Juegos Online</a></li>
            <li><a href='#'>Videos</a></li>
            <li><a href='#'>Interes</a></li>
</ul>
</li>


<li><a href='#'>Entretenimiento</a>
<ul class='sub-menu'>
            <li><a href='http://#'>Noticias</a></li>
            <li><a href='http://#'>Deportes</a>
            <ul class='sub-menu'>
                        <li><a href='http://#'>Tendencias</a></li>
            </ul>
</li>
</ul>
</li>

<li><a href='#'>Acción</a>
<ul class='sub-menu'>
            <li><a href='http://#'>Juegos de accion</a></li>
            <li><a href='http://#'>Juegos</a></li>
</ul>
</li>

<li><a href='#'>iPhone</a></li>
<li><a href='#'>Tendencias</a></li>
<li><a href='#'>Travel</a></li>
<li><a href='#'>Contactos</a></li>

Realiza estos cambios en la configuración del menú de tu plantilla

Tendrás que cambiar los numéralas # por las URLs de tus post, al igual los nombres que están marcados de color rojo, por el nombre que quieras mostrar en tu menú.

Segundo Paso

Configuración del menú secundario

Plantillas gratis para blogger

Busca este código

<div class='menu-secondary-nav-container'>

Te mostrara un código como el siguiente:

<div id='small-nav'>
  <div class='menu-secondary-nav-container'>
       <ul>
        <li><a href='#'>Juegos</a></li>
       <li><a href='#'>Noticias</a></li>
        <li><a href='#'>Tecnologia</a></li>

Realiza este cambio

Remplaza los numerales # por las URLs de tus post, y cambia los nombres que están marcados de color rojo por los que tu quieras mostrar.

Tercer Paso

Configuración de las Noticias en movimiento

Plantillas gratis para blogger

Busca este código

<span class='ticker-heading'>Noticias</span>

Una vez que hayas encontrado el código te mostrara las siguientes líneas

<span class='ticker-heading'>Noticias</span>
            <ul class='ticker-list'>
            <li><a href='#/'>Juegos para Playstation 3 Grid 2</a><span class='ticker-date'>Publicado hace 2 días</span></li>
            <li><a href='#'>Juegos para Playstation 3 Metro Last Light</a><span class='ticker-date'>Publicado hace 3 días</span></li>
            <li><a href='#'>Nuevo iOS 7 Wallpapers para tu iPhone </a><span class='ticker-date'>Publicado hace 4 días</span></li>
            <li><a href='#'>Mejor reproductor de vídeo para el iPhone Peliculas</a><span class='ticker-date'>Publicado hace 5 días</span></li>
            <li><a href='#'>Juegos para Playstation 3 Tour de France 2013</a><span class='ticker-date'>Publicado hace 6 días</span></li>
            <li><a href='#'>Plantilla para blogger Gratis</a><span class='ticker-date'>Publicado hace 7 días</span></li>

Realiza estos cambios

Borra los numerales que están marcados de color azul #, y remplázalos por las URLs de tus post, además he marcado el texto de color rojo, que seria el titulo de los post que quieras mostrar, cámbialos.

Cuarto Paso

Configuración de las redes sociales

Plantillas gratis para blogger

Busca este código

http://www.facebook.com

Vas a ver un código como el siguiente

<li><a alt='Facebook' class='fb-but' href='http://www.facebook.com' target='_blank'/></li>
<li><a alt='Twitter' class='twitter-but' href='http://www.twitter.com' target='_blank'/></li>                                                                                                  <li><a alt='Pinterest' class='pinterest-but' href='http://www.pinterest.com' target='_blank'/></li>                                                                                      <li><a alt='Google Plus' class='google-but' href='https://plus.google.com/114283163993086871162' target='_blank'/></li>                                                                         <li><a alt='YouTube' class='youtube-but' href='#' target='_blank'/></li>                                                                         
<li><a alt='Linkedin' class='linkedin-but' href='http://www.linkedin.com/' target='_blank'/></li>                                                                       <li><a alt='RSS Feed' class='rss-but' href='#'/></li>

Realiza estos cambios

He marcado de color azul las partes donde tendrán que borrarlo y remplazarlo por las direcciones URLs de sus redes sociales.

Quinto Paso

Configuración del Slideshow

Plantillas gratis para blogger

Busca este código

<!-- Slider 1 -->

Cuando hayas encontrado el código, te mostrara un código como el siguiente

<!-- Slider 1 -->
 <li>
<a href='#' rel='bookmark' title='Juegos para Playstation 3 Grid 2'><img alt='beach' class='attachment-slider-thumb wp-post-image' height='470' src='http://3.bp.blogspot.com/-gJ6tMhfQvdk/UcXXMIP9nrI/AAAAAAAADuQ/QLFpQXYPTRw/s1600/iphone+4.JPG' width='420'/></a>

<div class='featured-box'>
<h2><a href='#'>Juegos para Playstation 3 Grid 2</a></h2>
<p>Bienvenido de nuevo a las carreras.Conduce rápido, llega el primero y hazte......</p>
</div><!--featured-box-->
 </li>

<!-- Slider 2 -->                                                                                                                   
<li>
<a href='#' rel='bookmark' title='Juegos para Playstation 3 Metro Last Light'><img alt='celebrity1' class='attachment-slider-thumb wp-post-image' height='470' src='http://4.bp.blogspot.com/-uSdrcNKrXSE/UcXkqq4dpjI/AAAAAAAADwE/7TGZ0xl-BT4/s400/playstation+3.JPG' width='420'/></a>

<div class='featured-box'>
<h2><a href='#'>Juegos para Playstation 3 Metro Last Light</a></h2>
<p>Con la carga de la culpa y motivado por la esperanza, solo tú tienes la clave......</p>
</div><!--featured-box-->
</li>

<!-- Slider 3 -->
<li>
<a href='#' rel='bookmark' title='Nuevo iOS 7 Wallpapers para tu iPhone - Descargar ahora'><img alt='shopping' class='attachment-slider-thumb wp-post-image' height='470' src='http://3.bp.blogspot.com/-PXtGuHw9uLs/UcXkJc5DrQI/AAAAAAAADv8/OKQfMh0aVOE/s400/playstation+2.JPG' width='420'/></a>
<div class='featured-box'>

<h2><a href='#'>Nuevo iOS 7 Wallpapers para tu iPhone Descargar ahora</a></h2>
<p>Apple ha presentado el nuevo sistema operativo móvil iOS 7 en la Conferencia.......</p>
</div><!--featured-box-->
</li>

<!-- Slider 4 -->                                                                                                                   
<li>
<a href='#' rel='bookmark' title='Mejor reproductor de vídeo para el iPhone Peliculas, Videos y Música'><img alt='pizza' class='attachment-slider-thumb wp-post-image' height='470' src='http://2.bp.blogspot.com/-oTyZPs29OBU/UcXhin4bsiI/AAAAAAAADvk/JWKq50NDvGQ/s400/playstation.JPG' width='420'/></a>


<div class='featured-box'>
<h2><a href='#'>Mejor reproductor de vídeo para el iPhone Peliculas, Videos y Música</a></h2>
<p>Para buscar un mejor reproductor de video para iPhone en la App Store? El......</p>
</div><!--featured-box-->
</li>

<!-- Slider 5 -->
<li>
<a href='#' rel='bookmark' title='Juegos para Playstation 3 Tour de France 2013'><img alt='singapore' class='attachment-slider-thumb wp-post-image' height='470' src='http://2.bp.blogspot.com/-aJkrWgl62gc/UcXYDiP-9RI/AAAAAAAADuc/0xYlEnD1sYk/s400/iphone.JPG' width='420'/></a>


<div class='featured-box'>
<h2><a href='#'>Juegos para Playstation 3 Tour de France 2013</a></h2>
<p>Establece tu dominio en el mayor campeonato de ciclismo del mundo. Toma ventaja......</p>
</div><!--featured-box-->
</li>

<!-- Slider 6 -->
<li>
<a href='#' rel='bookmark' title='Nuevo iOS 7 Wallpapers para tu iPhone - Descargar ahora'><img alt='cheeseburger' class='attachment-slider-thumb wp-post-image' height='470' src='http://3.bp.blogspot.com/-6IDYrHYVosw/UcXZOlWy_SI/AAAAAAAADvU/e9PaupT2r64/s400/iphone+2.JPG' width='420'/></a>
<div class='featured-box'>
<h2><a href='#'>Nuevo iOS 7 Wallpapers para tu iPhone - Descargar ahora</a></h2>
<p>Apple ha presentado el nuevo sistema operativo móvil iOS 7 en la Conferencia......</p>
</div><!--featured-box-->
</li>

Realiza estos cambios

He marcado de tres diferentes colores, en los cuales tienes que cambiar cada uno de ellos, los numerales que están marcados de color azul #, son donde debes poner las URLs de tus post.

El texto que esta marcado de color verde, tendrán que borrarlos y poner un titulo descripción de su post.

Además las URls que están marcadas de color rojo son las responsables de mostrar las imágenes de su Slideshow, tendrás que borrarlas e insertar la URL de tu imagen.

Y por ultimo borra los textos, y remplázalos por una pequeña descripción de tu post en cada uno de ellos.

Sexto Paso

Configuración del último Menú

Plantillas gratis para blogger

Busca este código

<li><a href='#'>URLs</a></li>

Te mostrara un código como el siguiente

href='http://#'>Juegos</a></li>
<li><a href='#'>Negocios</a></li>
<li><a href='#'>ADSL</a></li>
<li><a href='#'>URLs</a></li>
<li><a href='#'>Noticias</a></li>
<li><a href='#'>Tecnologia</a></li>
<li><a href='#'>Tendencia</a></li>
<li><a href='#'>Listas dinamicas</a></li>

Realiza estos cambios:

Los numerales que están marcados de color azul borrarlos y pon las URls correspondientes de tus post. Y los textos que están marcados de color rojo tendrás que cambiarlos por los nombres que tú quieras.

Séptimo Paso

Configuración del primer Banner de publicidad

Plantillas gratis para blogger

Busca este código

<div class='middle-162'>

Te mostrara un código como el siguiente

<div class='middle-162'>
                                   <a href='http://www.juegosenlineajuegosgratis.com/' target='_blank'><img alt='' src='http://2.bp.blogspot.com/-YjxwN8eqTnw/UdxgPvcSNVI/AAAAAAAAD84/thKBisTBLro/s1600/espacio+para+publicidad.PNG'/>            </a></div></div>      

Realiza estos cambios

Borra el link que esta marcado de color azul y pon la URL de tu post, además tendrás que borrar el link que esta marcado de color rojo, el cual es el que muestra la imagen, pon el link de tu imagen el cual deberá tener 160 X 600

Octavo Paso

Configuración del segundo Banner de publicidad

Plantillas gratis para blogger

Busca este código


<div class='middle-162'>

Te mostrara un código como el siguiente

<div class='middle-162'>
                                   <a href='http://www.juegosenlineajuegosgratis.com/' target='_blank'><img alt='' src='http://3.bp.blogspot.com/-Ghkrw5YMAfA/UdxgZ5pCgyI/AAAAAAAAD9E/-09bDzehpgs/s1600/juegos+online.PNG'/></a>                  </div>

Realiza estos cambios

Borra el link que esta marcado de color azul y pon la URL de tu post, además tendrás que borrar el link que esta marcado de color rojo, el cual es el que muestra la imagen, pon el link de tu imagen el cual deberá tener 160 X 600

Noveno Paso

Configuración de los widget de la columna intermedia

Plantillas gratis para blogger

Busca este código

/feeds/posts/default/-/PlayStation 3

Te mostrara un código como el siguiente

<script src='/feeds/posts/default/-/PlayStation 3?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/>

Realiza este cambio

Cambia el nombre que esta marcado de color rojo, por el nombre una de tus etiquetas que quieras dar a conocer


Decimo Paso

Configuración del segundo widget basado en etiquetas

Plantillas gratis para blogger

Busca este código

/feeds/posts/default/-/iPhone?

Te mostrara un código como el siguiente

<script src='/feeds/posts/default/-/iPhone?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/>

Realiza este cambio

Borra el nombre que esta marcado de color rojo y remplázalo por el nombre de una de tus etiquetas.


Eso es todo en la configuración del editor HTML de tu plantilla, es momento de dar un clic en “Guardar plantilla

Onceavo Paso

Da un clic en “Diseño” y organiza tus widgets

Plantillas gratis para blogger

Ahora visita tu nueva plantilla para blogger.

Fácil verdad!

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



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.

Related post

Comentarios

10 comentarios:

  1. Hola Luis. Sencillamente, cada vez que nos entregas tus novedades, no hay quien se resista. Cada entrega es sencillamente maravillosa. Soy un consumidor de tus esfuerzos y la circulación de tus productos. Quisiera tener el archivo xml de esta novedosa plantilla.Ya sabes mi correo: juanmrodriguez7@gmail.com

    ResponderEliminar
  2. Muy excelente Luis Me gustaria Obtener esta Plantilla.

    Saludos

    iramirezbalcarcel@gmail.com

    ResponderEliminar
  3. HOLA LUIS MI GMAIL ES ESPRAFITA@GMAIL.COM Y MI HOTMAIL ANTONIOJESUS_BEJARANO@HOTMAIL.COM LLEVO 1 MES BUSCANDO PLANTILLAS SI PUDES PASAME ALGUNAS MAS YA TE PEDI LA CUANTICA MUCHISIMAS GRACIAS TE SIGO EN FACEBOOK EN GOOGLE + ..... ETC GRACIAS ME ENCANTA TU BLOG

    ResponderEliminar
  4. HoHola Luis, me gustaría tener esta plantilla, podrías compartirla porfa, mi correo es: judaroka@gmail.com

    Saludos

    ResponderEliminar
  5. Luis este es mi correo cienfuegosahora@hotmail.com Excelente plantilla. Si la puedes enviar agradecido.

    ResponderEliminar
  6. Hola Amigo Luis Saludo Cordial desde Colombia País Hermano Quisiera Poder Contar con Esta Espectacular Plantilla mi correo es ayinson923@gmail.com

    ResponderEliminar
  7. me mandas la plantilla ha esenciasdelviento @gmail.com saludos

    ResponderEliminar
  8. Hola amigo me encantaria tener esta plantilla ....
    israelhector@gmail.com

    ResponderEliminar
  9. hola gracias por la plantilla pero queria hacerte una consulta sobre esta plantilla tendencia lo que pasa es que yo quiero insertar un banner en el banner1 de 160x600 pero me dieron este codigo
    script type="text/javascript" src="http://www.adcash.com/script/java.php?id=3697255&ban=714186&data=">/script (le quite las etiquetas<> por que no me deja enviar el msj)
    y quiero insertar ahi en ves de esa imagen que hay .
    se puede ??????????

    ResponderEliminar
  10. HoLA PODRÍAS ENVIARME ESTA PLANTILLA? ESTA EXCELENTE, MUY PROFESIONAL. MI CORREO ES yajseelalvarez@gmail.com saludos y gracias. feliz año 2014.

    ResponderEliminar