Plantillas para blogger Línea Newslie


Es momento de publicar una nueva plantilla para blogger gratis, a esta nueva plantilla para blogger la he llamado Plantilla Newslie, tiene un diseño único y muy profesional. Como siempre Ayuda de blogger se basa en presentar temas únicos y que les ayuda a todos ustedes a obtener un mejor desempeño en su blog de blogger. La plataforma de blogger es la mejor pagina web del mundo para poder crear paginas web completamente gratis, claro que existen cientos de plataformas web en la cual también puedes crear paginas web gratis, pero no se comparan en nada con la tecnología de blogger. Anteriormente publique algunas plantillas para blogger de las cuales les dejo los enlaces. Plantilla de NoticiasPlantilla de TeléfonosPlantilla de Espectáculos,Plantilla de RevistaPlantilla de YahooPlantilla de DeportesPlantilla EvoluciónPlantilla PlatónPlantilla NegasPlantilla LibertadPlantilla Tiempos ModernosPlantilla Taggui,Plantilla CuánticaPlantilla DécadaPlantilla Pietro, Plantilla Buenas Noticias y Plantilla Revolución.

Características de la Plantilla Newslie

Estructura SEOoptimizada para buscadores
Diseño profesional
Widget de anuncios habilitado
Entradas con redes sociales integrado automático
Widget basado en etiquetas, muestra imágenes relacionadas
1 Tabber
Fácil desplazamiento
Iconos de recomendaciones de redes sociales habilitado
Imágenes basadas en fancybox

Plantillas para blogger

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

crear páginas web

crear páginas web

Te gusto verdad!

Ahora vamos a seguir las instrucciones de configuración de la plantilla Newslie

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

Luego un 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.


Configuración del Menú desplegable

Plantillas para blogger

Busca este código

<div id='menu'>

Una vez que hayas encontrado el código, más abajo se te mostrara un código como el que te dejo a continuación:


<div id="menu">
<li><a href="http://ayudadeblogger.com/" class="drop">Inicio</a><!-- Empezar Inicio Item -->
<div class="dropdown_2columns"><!-- Begin  columns container by ayudadeblogger.com-->
<div class="col_2">
<h2>Bienvenidos a Ayudadeblogger.com!</h2>
</div>
<div class="col_2">
<p>Hola y bienvenidos! Esta es una muestra de las posibilidades de este impresionante menú desplegable para Blogger.</p>            
<p>Este artículo viene con una amplia gama de estilos de tipografía preparados, como encabezados, listas, etc</p>            
</div>
<div class="col_2">
<h2>SOPORTE</h2>
</div>
<div class="col_1">
<img src="http://1.bp.blogspot.com/-ghzmqWV-JVc/T_sb6dIHydI/AAAAAAAAGGI/KVKV6tgO-fM/s1600/browsers.png" width="125" height="48" alt="" />
</div>
<div class="col_1">
<p>Este menú ha sido probado en todos los principales navegadores.</p>
</div>
</div><!-- End 2 columnas container ayudadeblogger.com-->
</li><!-- End Home Item -->
<li><a href="#TU LINK AQUI" class="drop">Blogger</a><!-- Empezar 4 columns Item star ayudadeblogger.com-->
<div class="dropdown_4columns"><!-- Begin 4 columns container -->
<div class="col_4">
<h2>Aqui el titulo del Menu Ayudadeblogger.com</h2>
</div>
<div class="col_1">
<h3>Diseño</h3>
<ul>
<li><a href="#TU LINK AQUI">Temas</a></li>
<li><a href="#TU LINK AQUI">Slideshow</a></li>
<li><a href="#TU LINK AQUI">Herramientas</a></li>
<li><a href="#TU LINK AQUI">Widgets</a></li>
<li><a href="#TU LINK AQUI">Noticias</a></li>
</ul>  
</div>
<div class="col_1">
<h3>SEO y Marketing</h3>
<ul>
<li><a href="#TU LINK AQUI">Estructura SEO</a></li>
<li><a href="#TU LINK AQUI">Diseño web</a></li>
<li><a href="#TU LINK AQUI">Conectividad</a></li>
<li><a href="#TU LINK AQUI">Posicionamiento</a></li>
<li><a href="#TU LINK AQUI">Navegación</a></li>
</ul>  
</div>
<div class="col_1">
<h3>Plantillas</h3>
<ul>
<li><a href="#TU LINK AQUI">Sistema</a></li>
<li><a href="#TU LINK AQUI">Platon</a></li>
<li><a href="#TU LINK AQUI">Pietro</a></li>
<li><a href="#TU LINK AQUI">Buenas Noticias</a></li>
<li><a href="#TU LINK AQUI">Noticias</a></li>
</ul>  
</div>
<div class="col_1">
<h3>Redes Sociales</h3>
<ul>
<li><a href="#TU LINK AQUI">Twitter</a></li>
<li><a href="#TU LINK AQUI">Facebook</a></li>
<li><a href="#TU LINK AQUI">Google +</a></li>
<li><a href="#TU LINK AQUI">Pinterest</a></li>
<li><a href="#TU LINK AQUI">StumbleUpon</a></li>
</ul>  
</div>
</div><!-- End primeras 4 columnas container by ayudadeblogger.com-->
</li><!-- End 4 columns Item -->
<li><a href="#TU LINK AQUI" class="drop">Diseño Web</a><!-- Empezar 4 columnas Item soport ayudadeblogger.com-->
<div class="dropdown_4columns"><!-- Empezar 4 columnas container -->
<div class="col_4">
<h2>Aqui el titulo del Menu Ayudadeblogger.com</h2>
</div>
<div class="col_1">
<h3>Diseño</h3>
<ul>
<li><a href="#TU LINK AQUI">Temas</a></li>
<li><a href="#TU LINK AQUI">Slideshow</a></li>
<li><a href="#TU LINK AQUI">Herramientas</a></li>
<li><a href="#TU LINK AQUI">Widgets</a></li>
<li><a href="#TU LINK AQUI">Noticias</a></li>
</ul>  
</div>
<div class="col_1">
<h3>SEO y Marketing</h3>
<ul>
<li><a href="#TU LINK AQUI">Estructura SEO</a></li>
<li><a href="#TU LINK AQUI">Diseño web</a></li>
<li><a href="#TU LINK AQUI ">Conectividad</a></li>
<li><a href="#TU LINK AQUI">Posicionamiento</a></li>
<li><a href="#TU LINK AQUI">Navegación</a></li>
</ul>  
</div>
<div class="col_1">
<h3>Plantillas</h3>
<ul>
<li><a href="#TU LINK AQUI">Sistema</a></li>
<li><a href="#TU LINK AQUI">Platon</a></li>
<li><a href="#TU LINK AQUI">Pietro</a></li>
<li><a href="#TU LINK AQUI">Buenas Noticias</a></li>
<li><a href="#TU LINK AQUI">Noticias</a></li>
</ul>  
</div>
<div class="col_1">
<h3>Redes Sociales</h3>
<ul>
<li><a href="#TU LINK AQUI">Twitter</a></li>
<li><a href="#TU LINK AQUI">Facebook</a></li>
<li><a href="#TU LINK AQUI">Google +</a></li>
<li><a href="#TU LINK AQUI">Pinterest</a></li>
<li><a href="#TU LINK AQUI">StumbleUpon</a></li>
</ul>  
</div>
</div><!-- End 4 columnas container soport ayudadeblogger.com-->
</li><!-- End 4 columnas Item soport grupodelecluse.com-->
<li><a href="#TU LINK AQUI" class="drop">SEO Online</a><!-- Empezar 4 columnas Item -->
<div class="dropdown_4columns"><!-- Empezar 4 columns container -->
<div class="col_4">
<h2>Aqui el titulo del Menu Ayudadeblogger.com</h2>
</div>
<div class="col_1">
<h3>Diseño</h3>
<ul>
<li><a href="#TU LINK AQUI">Temas</a></li>
<li><a href="#TU LINK AQUI">Slideshow</a></li>
<li><a href="#TU LINK AQUI">Herramientas</a></li>
<li><a href="#TU LINK AQUI">Widgets</a></li>
<li><a href="#TU LINK AQUI">Noticias</a></li>
</ul>  
</div>
<div class="col_1">
<h3>SEO y Marketing</h3>
<ul>
<li><a href="#TU LINK AQUI">Estructura SEO</a></li>
<li><a href="#TU LINK AQUI">Diseño web</a></li>
<li><a href="#TU LINK AQUI">Conectividad</a></li>
<li><a href="#TU LINK AQUI">Posicionamiento</a></li>
<li><a href="#TU LINK AQUI">Navegación</a></li>
</ul>  
</div>
<div class="col_1">
<h3>Plantillas</h3>
<ul>
<li><a href="#TU LINK AQUI">Sistema</a></li>
<li><a href="#TU LINK AQUI">Platon</a></li>
<li><a href="#TU LINK AQUI">Pietro</a></li>
<li><a href="#TU LINK AQUI">Buenas Noticias</a></li>
<li><a href="#TU LINK AQUI">Noticias</a></li>
</ul>  
</div>
<div class="col_1">
<h3>Redes Sociales</h3>
<ul>
<li><a href="#TU LINK AQUI">Twitter</a></li>
<li><a href="#TU LINK AQUI">Facebook</a></li>
<li><a href="#TU LINK AQUI">Google +</a></li>
<li><a href="#TU LINK AQUI">Pinterest</a></li>
<li><a href="#TU LINK AQUI">StumbleUpon</a></li>
</ul>  
</div>
</div><!-- End 4 columnas container -->
</li><!-- End 4 columnas Item soport ayudadeblogger.com-->
<li><a href="#TU LINK AQUI" class="drop">Widgets para Blogger</a><!--Empezar 4 columnas Item -->
<div class="dropdown_4columns"><!-- Empezar 4 columnas container -->
<div class="col_4">
<h2>Aqui el titulo del Menu Ayudadeblogger.com</h2>
</div>
<div class="col_1">
<h3>Diseño</h3>
<ul>
<li><a href="#TU LINK AQUI">Temas</a></li>
<li><a href="#TU LINK AQUI">Slideshow</a></li>
<li><a href="#TU LINK AQUI">Herramientas</a></li>
<li><a href="#TU LINK AQUI">Widgets</a></li>
<li><a href="#TU LINK AQUI">Noticias</a></li>
</ul>  
</div>
<div class="col_1">
<h3>SEO y Marketing</h3>
<ul>
<li><a href="#TU LINK AQUI">Estructura SEO</a></li>
<li><a href="#TU LINK AQUI">Diseño web</a></li>
<li><a href="#TU LINK AQUI">Conectividad</a></li>
<li><a href="#TU LINK AQUI">Posicionamiento</a></li>
<li><a href="#TU LINK AQUI">Navegación</a></li>
</ul>  
</div>
<div class="col_1">
<h3>Plantillas</h3>
<ul>
<li><a href="#TU LINK AQUI">Sistema</a></li>
<li><a href="#TU LINK AQUI">Platon</a></li>
<li><a href="#TU LINK AQUI">Pietro</a></li>
<li><a href="#TU LINK AQUI">Buenas Noticias</a></li>
<li><a href="#TU LINK AQUI">Noticias</a></li>
</ul>  
</div>
<div class="col_1">
<h3>Redes Sociales</h3>
<ul>
<li><a href="#TU LINK AQUI">Twitter</a></li>
<li><a href="#TU LINK AQUI">Facebook</a></li>
<li><a href="#TU LINK AQUI">Google +</a></li>
<li><a href="#TU LINK AQUI">Pinterest</a></li>
<li><a href="#TU LINK AQUI">StumbleUpon</a></li>
</ul>  
</div>

Realiza estos cambios:

He marcado con cuatro diferentes colores en los cuales deberán remplazarlos tal como lo voy a explicar a continuación

El primer link que deberás borrar es http://ayudadeblogger.com/ y pon la dirección de tu blog en vez de mi dirección.

Cambia todas las palabras que están marcadas de color purpura Bienvenidos a Ayudadeblogger.com!, por una frase de bienvenida o lo que tu quieras

En las partes que están marcadas de color azul #TU LINK AQUI, deberás borrarlo y poner el link de la pagina que quieras mostrar.

Además, deberás borrar las palabras que están marcadas de color verde Aqui el titulo del Menu Ayudadeblogger.com y poner el titulo que tú quieras.

Por ultimo todas las palabras que están marcadas de color rojo Blogger, bórralas y pon el texto que tu quieras.

Segundo Paso

Configuración del primero widget basado en etiquetas

Plantillas para blogger

Busca este código:

label1 = "Economia";

Realiza estos cambios:

Cambia el nombre de “Econimia” por el nombre de una de las etiquetas de tu blog que quieras mostrar.


Tercer Paso

Configuración del widget Noticias Internacionales

Plantillas para blogger

Busca este código

label2 = "Temas";

Realiza estos cambios:

Borra el nombre que dice “Temas” y pon ahí solo el nombre de una de tus etiquetas que quieras mostrar, además mas abajo podrás ver otro código como este: Title2 = "Noticias Internacionales";  si quieres puedes cambiar el titulo, solo deberás borrar el nombre que dice “Noticias Internacionales” y pon el titulo que tu quieras.

Cuarto Paso

Configuración del widget Noticias

Plantillas para blogger

Busca este código

label3 = "Noticias";

Realiza estos cambios:

Debes borrar el nombre que dice “Noticias” y pon ahí solo el nombre de una de tus etiquetas que quieras mostrar, además mas abajo podrás ver otro código como este: Title3 = "Noticias";  si quieres puedes cambiar el titulo, solo deberás borrar el nombre que dice “Noticias” y pon el titulo que tu quieras.
Quinto Paso

Configuración del widget Deportes Internacionales

Plantillas para blogger

Busca este código

label4 = "Deportes";

Realiza estos cambios:

Borra el nombre que dice “Deportes” y pon ahí solo el nombre de una de tus etiquetas que quieras mostrar, además mas abajo podrás ver otro código como este: Title4 = "Deportes Internacionales"; si quieres puedes cambiar el titulo, solo deberás borrar el nombre que dice “Deportes Internacionales” y pon el titulo que tu quieras.
Sexto Paso

Configuración del widget Tecnología del Mundo

Plantillas para blogger

Busca este código

label5 = "Tecnologia";

Realiza estos cambios:

Debes borrar el nombre que dice “Tecnologia” y pon ahí solo el nombre de una de tus etiquetas que quieras mostrar, además mas abajo podrás ver otro código como este: Title5 = "Tecnologia del Mundo";  si quieres puedes cambiar el titulo, solo deberás borrar el nombre que dice “Tecnologia del Mundo” y pon el titulo que tu quieras.
Séptimo Paso

Configuración del widget Negocios


Busca este código

label6 = "Temas";

Realiza estos cambios:

Borra el nombre que dice “Temas” y pon ahí solo el nombre de una de tus etiquetas que quieras mostrar, además mas abajo podrás ver otro código como este: Title6 = "Negocios"; si quieres puedes cambiar el titulo, solo deberás borrar el nombre que dice “Negocios” y pon el titulo que tu quieras.
Octavo Paso

Configuración del widget Economía Internacional

Plantillas para blogger

Busca este código

label7 = "Economia";

Realiza estos cambios:

Debes borrar el nombre que dice “Economia” y pon ahí solo el nombre de una de tus etiquetas que quieras mostrar, además mas abajo podrás ver otro código como este: Title7 = "Economia Internacional";  si quieres puedes cambiar el titulo, solo deberás borrar el nombre que dice “Economia Internacional” y pon el titulo que tu quieras.
Noveno Paso

Configuración del widget Farandula del sidebar

Plantillas para blogger

Busca este código

label8 = "Noticias";

Realiza estos cambios

Borra el nombre que dice “Noticias” y pon ahí solo el nombre de una de tus etiquetas que quieras mostrar, además mas abajo podrás ver otro código como este: Title8 = "Farandula"; si quieres puedes cambiar el titulo, solo deberás borrar el nombre que dice “Farandula” y pon el titulo que tu quieras.
Décimo Paso

Configuración de los iconos de las redes sociales

Plantillas para blogger

Busca este código

<li class='subscribe_buzz'>

Después de que hayas encontrado el código, te encontraras con un código como el que te voy a dejar a continuación:

<li class='subscribe_buzz'><a href='http://google.com' rel='nofollow' target='_blank'>Buzz</a></li>

                                   <li class='subscribe_twitter'><a href='http://twitter.com/ayudadeblogger' rel='nofollow' target='_blank'>Twitter</a></li>

                                   <li class='subscribe_facebook'><a href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017' rel='nofollow' target='_blank'>Facebook</a></li>

                                   <li class='subscribe_rss'><a href='http://feeds.feedburner.com/ForoAyudaDeBlogger' rel='nofollow' target='_blank'>RSS</a></li>

                                   <li class='subscribe_email'><a href='http://feedburner.google.com/fb/a/mailverify?uri=ForoAyudaDeBlogger&amp;loc=es_ES' rel='nofollow' target='_blank'>Email</a></li>

Realiza estos cambios:

He marcado de dos diferentes colores en los cuales debes realizar lo siguiente:

El link que esta marcado de color azul http://google.com, deberás borrarlo y colocar ahí el link perteneciente de tu perfil de Google Buzz

El link que esta marcado de color azul http://twitter.com/ayudadeblogger , tendrás que borrarlo y poner el link de tu cuenta de Twitter

El otro link que esta marcado de color azul http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017, tienes que borrarlo y poner el link de tu Fanpage de Facebook

También tendrás que borrar los dos nombres que están marcados de color rojo ForoAyudaDeBlogger, y poner solo el nombre de tu Feedburner.

Onceavo Paso

Configuración del widget Blogroll

Plantillas para blogger

Busca este código

<h1 class='widgettitle'>Blogroll

Luego que encontrar el código, se te mostrara un código como el que te dejo a continuación:

<h1 class='widgettitle'>Blogroll</h1><div class='clear'/><div class='widgetbox halfwidth'>
            <ul class='xoxo blogroll'>
<li><a href='#'>Noticias</a></li>
<li><a href='#'>Farandula</a></li>
<li><a href='#'>Ideas</a></li>
<li><a href='#'>Deportes</a></li>
<li><a href='#'>Economía</a></li>
<li><a href='#'>Tecnologia</a></li>
<li><a href='#'>Interes</a></li>
<li><a href='#'>Negocios</a></li>

Realiza estos cambios:

Tienes que borrar los símbolos numerales # y poner en cada uno de ellos los links que quieras mostrar, al igual podrás borrar los nombres que están marcados de color rojo y poner los temas que tu quieras.

Eso es todo en la configuración la plantilla Newslie, ahora es momento de dar un clic en “Guardar plantilla” y mira tus nuevos cambios en tu blog.

Ahora da un clic en “Diseño” y organiza los widgets que tenias antes, a continuación les dejo una imagen de mi diseño en el cual podrán ver como debe de estar ordenado sus widgets.

Plantillas para blogger

Felicidades ahora eres un experto en diseño web!

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

13 comentarios:

  1. Hola Luis. Espectacular creación. Confirmo que eres un creador incansable. Cada entrega que le haces al mundo blogger es inmejorable. Quisiera utilizarla en un tema que edito sobre ventas por internet. Además aprovecho para solicitarte me envies también la plantilla teléfono, para ver con cual de las dos mejoro la apariencia del sitio referido. Gracias anticipadas. Saludos. Te recuerdo mi email: juanmrodriguez7@gmail.com

    ResponderEliminar
  2. Buenos días. Me gusta mucho tu página. Tiene muchas cosas interesantes para la gente que utiliza Blogger. Los widgets son muy interesantes y de gran utilidad. De hecho estoy suscrito a tu blog y estoy en tus círculos de Google + 1. Todas las plantillas son muy bonitas. Quisiera utilizar esta plantilla para mi blog. Mi email es rugoleor@gmail.com.

    Muchas gracias

    ResponderEliminar
  3. buena plantillas hermano sera que me la podrias faciliar gracias correo darckshell@hotmail.com

    ResponderEliminar
  4. hermano estoy interesado en esta plantilla para mi blog, si me la hace llegar mucho se lo agradeciera, por favor enviarla al correo: upataenlinea@gmail.com

    ResponderEliminar
  5. Hola
    Esta muy buena tu plantilla, eres un diseñador incansable.
    Gracias por compartir tu plantilla con nosotros.
    Adiós suerte con tus proyectos.
    Email: jesux9525@gmail.com

    ResponderEliminar
  6. Gran plantilla.Gracias por compartirla.
    Email: ehdt_astur@hotmail.com

    ResponderEliminar
  7. Muy buena.ehdt_astur@hotmail.com

    ResponderEliminar
  8. Enhorabuena por tu trabajo. ¿Serías tan amable de mandarme la plantilla? juanjotorresmartinez@gmail.com

    Saludos y gracias por adelantado.

    ResponderEliminar
  9. me interesa tu plantilla por favor me la envias
    a fgracidasfvs@yahoo.com.mx

    ResponderEliminar
  10. ermano nesesito esa plantilla mandamela a este correo :jorjelopez13@gmail.com la espero gracias

    ResponderEliminar
  11. me ascasao de perdirte esta plantilla y no medejas la respuesta porfavor mandamela la nesesito para un buenegocio sipuedes sino puedes entoses dejame tu mensaje porfavor porque la estoy esperando este es mi correo jorjelopez13@gmail.com

    ResponderEliminar