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 Noticias, Plantilla de Teléfonos, Plantilla de Espectáculos,Plantilla de Revista, Plantilla de Yahoo, Plantilla de Deportes, Plantilla Evolución, Plantilla Platón, Plantilla Negas, Plantilla Libertad, Plantilla Tiempos Modernos, Plantilla Taggui,Plantilla Cuántica, Plantilla Década, Plantilla Pietro, Plantilla Buenas Noticias y Plantilla Revolución.

Características de la Plantilla Newslie

Estructura SEOoptimizada para buscadores

Diseño profesional

Menú desplegable

Widget de anuncios habilitado

Entradas con redes sociales integrado automático

Widget basado en etiquetas, muestra imágenes relacionadas

1 Tabber

Fácil desplazamiento

Buscador integrado

Iconos de recomendaciones de redes sociales habilitado

Imágenes basadas en fancybox

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

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

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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCtn9j5uRX4t3sRaCp6HhEHHF6OEEvTxiIF44UNYrGZ5mxHGOMvVDH8kDLC__TxFAOPZrtSKy4SGlk3Q0FA1W5KuAH-VCjQ-u-OP6L3qBTCX302o7Wje5zAEJFt8Ba2sBzSTIvX21oVCzS/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

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.

Que es una etiqueta, más información en este enlace

Tercer Paso

Configuración del widget Noticias Internacionales

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.

Que es una etiqueta, más información en este enlace

Cuarto Paso

Configuración del widget Noticias

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.

Que es una etiqueta, más información en este enlace

Quinto Paso

Configuración del widget Deportes Internacionales

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.

Que es una etiqueta, más información en este enlace

Sexto Paso

Configuración del widget Tecnología del Mundo

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.

Que es una etiqueta, más información en este enlace

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.

Que es una etiqueta, más información en este enlace

Octavo Paso

Configuración del widget Economía Internacional

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.

Que es una etiqueta, más información en este enlac
e

Noveno Paso

Configuración del widget Farandula del sidebar

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.

Que es una etiqueta, más información en este enlace

Décimo Paso

Configuración de los iconos de las redes sociales

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

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.

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

TAGS: Plantillas Blogger

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.