Plantillas para Blogger Gratis Línea Cuántica


Las mejores plantillas para blogger las puedes encontrar en este sitio web. Tener una buena plantilla para nuestro blog de blogger es tener una buena presencia en internet. Para que pagar dinero a grandes empresas de diseño web si lo puedes descargar fácilmente desde mi sitio web y lo mas importante gratis, con el uso de Blogger.com. Muchas personas buscan como diseñar una pagina web y no se dan cuenta que existen métodos fáciles y precisos para tener una pagina web de diseño web profesional. Las paginas de diseño web les venden paginas a precios inaccesibles para los usuarios, y hay algunos usuarios que las compran pero no saben como administrarlas, o solo les envían un catalogo en el cual deberán seguir las instrucciones del panel de control para poder publicar o poder vender en internet. Ayudadeblogger.com ha tenido muchos inconvenientes con empresas de diseño web profesional, ya que ellos indican que les estamos dañando el negocio, por publicar y regalar páginas de diseño web profesional. Hemos sido precisos con muchas empresas de diseño web profesional, y les hemos indicado que nuestro objetivo como Ayudadeblogger.com es ayudar a todas las personas del mundo con implementar páginas web completamente gratis, es por eso que voy a publicar uno de los mejores diseños para blogger y lo puedan utilizar en su blog de blogger completamente gratis. En anteriores publicaciones explique algunos tutoriales de plantillas para blogger que son las siguientes; 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 y Plantilla Taggui. La plantilla que vamos ha implementar en este tutorial se llama Cuántica, tiene un diseño web profesional, y cuenta con las siguientes características:

Fancybox zoom de imagen abierta en la pagina principal
Un pequeño resumen en cada link al momento de darle un clic en el +
Estructura dinámica
Fácil desplazamiento
Estructura SEO con todas las especificaciones de Google
Carga de archivos ligera para buscadores
Un tabber
Redes sociales, Fanpage, Twitter, Google +, RSS
Un headline de noticias en movimiento
Lista para publicidad de Adsense si lo utiliza
Slideshow basado en etiquetas
Aumento de widgets
Buscador integrado
Popout de autor

Plantillas para Blogger Gratis Línea Cuántica hostgator

A continuación mire la demostración de la plantilla Cuántica en mi blog de demos

crear páginas web

crear páginas web

Ahora que han visto la plantilla les gusto verdad! Nos dirigimos a seguir este tutorial de plantillas para blogger para que lo puedan configurar en su blog de blogger

1 Ir a Blogger

2 Dirígete a “Plantilla

Plantillas para Blogger Gratis Línea Cuántica

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 para Blogger Gratis Línea Cuántica

También da un clic en “Editar HTML” y se te abrirá el editor de tu blog

Plantillas para Blogger Gratis Línea Cuántica

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.


Vamos a ir configurando desde la cabecera principal hasta el final de la plantilla.

Configuración del botón Twitter

Plantillas para Blogger Gratis Línea Cuántica
Busca este código

<li><a class='twitter-follow-button' href='http://www.twitter.com/ayudadeblogger'/>

Realiza este cambio:

Cambia la palabra que esta marcada de color amarillo por el nombre de tu página de Twitter.

Segundo Paso

Configuración del Menú Temas y Slideshow

Plantillas para Blogger Gratis Línea Cuántica
Plantillas para Blogger Gratis Línea Cuántica

Esta parte es muy importante, el menú desplegable con imágenes y algunos de los widgets de la pagina principal funciona con una sola etiqueta, así que aquí deben tener mucho cuidado en escoger su tema principal para que pueda aparecer en nuestro menú con imágenes, widgets, slideshow y slider carrusel. Voy a ir explicando parte por parte y ser lo mas explicativo posible.

Busca este código

label1 = "Temas";
Title1 = "Temas";

Realiza estos cambios:

Cambia los dos textos que están marcados de color amarillo, en la parte del label1 es donde va el nombre de la etiqueta que quieras dar a conocer en tu slideshow y en la parte del menú con imágenes, esta funciona para los dos, el código que dice Title1 sirve para poner el titulo que tu quieras.
Tercer Paso

Configuración del menú con imágenes Noticias de Hoy y widget Noticias de Hoy

Plantillas para Blogger Gratis Línea Cuántica
Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label2 = "Temas";
Title2 = "Noticias de Hoy";

Realiza estos cambios:

Cambia los dos textos que están marcados de color amarillo por el nombre de la etiqueta que quieras mostrar.

Cuarto Paso

Configuración del menú de imágenes llamado Inversiones y el widget con el nombre de Inversiones

Plantillas para Blogger Gratis Línea Cuántica
Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label3 = "Inversiones";
Title3 = "Inversiones";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de la etiqueta que quieras mostrar en esta sección.
Quinto Paso

Configuración del menú de imágenes llamado Farándula y del widget que lleva el nombre de Farándula

Plantillas para Blogger Gratis Línea Cuántica
Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label4 = "Farandula";
Title4 = "FARANDULA";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de tu etiqueta que quieras mostrar en esta sección.
Sexto Paso

Configuración del menú de imágenes llamado Deportes y del widget Deportes

Plantillas para Blogger Gratis Línea Cuántica
Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label5 = "Deportes";
Title5 = "DEPORTES";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de la etiqueta que quieras dar a conocer.
Séptimo Paso

Configuración del slider carrusel tabber Tecnologia

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label6 = "Tecnologia";
Title6 = "TECNOLOGIA";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de la etiqueta que quieras mostrar en tu slider carrusel
Octavo Paso

Configuración de slider carrusel tabber Noticias

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label7 = "Temas";
Title7 = "NOTICIAS";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de la etiqueta que quieras mostrar mostrar.
Noveno Paso

Configuración del widget Inversiones

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label8 = "Inversiones";
Title8 = "INVERSIONES";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de la etiqueta que quieras mostrar en esta sección
Onceavo Paso

Configuración del widget llamado Sitio de Interés

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label9 = "Temas";
Title9 = "Sitios de Interes";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de la etiqueta que quieras mostrar.
Doceavo Paso

Configuración del widget Espectáculos

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label10 = "Farandula";
Title10 = "Espectáculos";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de la etiqueta que quieras mostrar.
Treceavo Paso

Configuración del widget Economía

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

label11 = "Inversiones";
Title11 = "ECONOMIA";

Realiza estos cambios:

Cambia los dos nombres que están marcados de color amarillo por el nombre de la etiqueta que quieras mostrar.
Te recuerdo que cuando acabes de hacer estos pasos, te aparecen de forma automática otros cuatro widgets que contienen tus temas por etiquetas, a continuación mira la imagen.

¿Para que sirve el label y Title?

A veces muchas personas comenten errores al momento de implementar sus etiquetas en el código HTML de su plantilla, es por eso que les voy a explicar para que sirve cada uno.

Donde dice label, deberán insertar el nombre de la etiqueta tal y cual la tienen en su categoría. Debería quedarles así:

label11 = "Inversiones";

Inversiones es el nombre de mi etiqueta que quiero mostrar.

En la parte que dice Title, sirve para poner el nombre de nuestro titulo en nuestro widget o menú de imágenes, por ejemplo debería estar así:

Title11 = "ECONOMIA";

Yo puse el nombre de ECONOMIA como titulo en este punto, y ustedes deberán colocar el tema que mejor les convenga.

Configuración del menú Categoría 2

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

<li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 2</a></li>
<li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Menu deplegable</a>
<ul class='sub-menu'>
            <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 3.1</a></li>
            <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 3.2</a></li>
            <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 3.3</a></li>
            <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 3.4</a>
            <ul class='sub-menu'>
                        <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 3.5</a>
                        <ul class='sub-menu'>
                                   <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 3.7</a></li>
                        </ul>
</li>
                        <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 3.6</a>
                        <ul class='sub-menu'>
                                   <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 3.8</a></li>
                        </ul>
</li>
            </ul>
</li>
</ul>
</li>
<li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 4</a></li>
<li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Categoria 5</a></li>
<li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Páginas</a>
<ul class='sub-menu'>
            <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Tecnologia</a></li>
            <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Viajes</a></li>
           
</ul>
</li>
<li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Viajes Baratos</a>
<ul class='sub-menu'>
            <li class='menu-item '><a href='/search/label/Feature?&amp;max-results=8'>Viajes a Orlando</a></li>
            <li class='menu-item'><a href='/search/label/Feature?&amp;max-results=8'>Viajes a Disney World</a></li>

Realiza estos cambios:

Cambia los links que están marcados de color azul por el links correspondiente de la pagina que quieras dar a conocer en tu menú, al igual deberás cambiar el texto que esta marcado de color rojo por el texto que tu quieras mostrar en tu menú secundario.

Catorceavo Paso

Configuración de las redes sociales

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

<li class='icon-rss'><a href='http://feeds.feedburner.com/ForoAyudaDeBlogger'>RSS</a><span>Noticias</span></li>
                                               <li class='icon-google'><a href='https://plus.google.com/114283163993086871162'>Google Plus</a><span>Circulos</span></li>
                                               <li class='icon-twitter'><a href='https://www.twitter.com/ayudadeblogger'>Twitter</a><span>Sigueme</span></li>
                                               <li class='icon-facebook'><a href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017'>Facebook</a><span>Hazte fan</span></li>           

Realiza estos cambios:

Cambia todos los links que están marcados de color azul por los links correspondientes de tus redes sociales.

Quinceavo Paso

Configuración del widget de Twitter

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

}).render().setUser('ayudadeblogger').start();

Realiza este cambio:

Cambia el nombre que esta marcado de color amarillo por el nombre perteneciente de tu página de Twitter.

Sextavo Paso

Configuración de la caja de seguidores de la Fanpage de Facebook

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

<div class='fb-like-box' data-header='false' data-height='265' data-href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017' data-show-faces='true' data-stream='false' data-width='300'/>

Realiza este cambio:

Cambia el link que esta marcado de color azul por el link de tu Fanpage de Facebook

Septimoavo Paso

Configuración del widget llamado Mis Videos

Plantillas para Blogger Gratis Línea Cuántica

Busca este código

<div class='divoverlay'><a href='#'><iframe allowfullscreen='true' frameborder='0' height='248' src='http://www.youtube.com/embed/34prj3YNguM?rel=0' width='440'/></a></div>
<div class='divoverlay'><a href='#'><iframe allowfullscreen='true' frameborder='0' height='248' src='http://www.youtube-nocookie.com/embed/SfW6yJR6GBw?rel=0' width='440'/></a></div>
<div class='divoverlay'><a href='#'><iframe allowfullscreen='true' frameborder='0' height='248' src='http://www.youtube-nocookie.com/embed/rYEDA3JcQqw?rel=0' width='440'/></a></div>
<div class='divoverlay'><a href='#'><iframe allowfullscreen='true' frameborder='0' height='248' src='http://www.youtube-nocookie.com/embed/2lO4Dr8SFdM?rel=0' width='440'/></a></div>
<div class='divoverlay'><a href='#'><iframe allowfullscreen='true' frameborder='0' height='248' src='http://www.youtube-nocookie.com/embed/TlFU_NpQ6hE?rel=0' width='440'/></a></div>

Realiza estos cambios

Los links que están marcados de color azul deberás cambiarlos por los links correspondientes de los videos que quieras mostrar en esta sección.

Por ejemplo si no sabes como insertar el link correctamente de tu video vas ha realizar lo siguiente

Dirígete a www.youtube.com

Busca el video que te guste, ábrelo, y da un clic derecho en el video, el cual se desprenderá una nueva venta y deberás escoger la opción que dice “Copiar código de inserción”, copia ese código en tu blog de notas, por ejemplo en tu blog de notas tendrás un código como este:


<iframe width="640" height="360" src="http://www.youtube.com/embed/34prj3YNguM?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>


Solo deberás copiar el código tal como muestro en mi ejemplo que esta marcado de color azul, nada mas, con eso se habilitara el video en la pagina principal de tu blog, recuerda hacer esto siempre para todos los videos que quieras mostrar.

Ahora si has terminado la configuración del editor HTML de tu plantilla, dale un clic en “Guardar plantilla

Dirígete a “Diseño” y organiza los widgets que tenias antes de que implementes esta nueva plantilla, eso es todo, a continuación te voy dejar una imagen del diseño de mi blog, para que te fijes como debería estar organizado.
Plantillas para Blogger Gratis Línea Cuántica

Espero haber sido lo mas explicativo posible, y hayas aprendido esta nueva técnica de blogger.

Además cuando le das un clic en tu nueva plantilla en la parte que dice “AUTOR” se te desprenderá una nueva ventana en el cual mostrara un pequeño resumen de tu autoría.

Plantillas para Blogger Gratis Línea Cuántica

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.




Share:

Related post

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: