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.
Características de la Plantilla Newslie
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
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.
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.
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.
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.
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.
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
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
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
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&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
12 comentarios: