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
Carga de archivos ligera para buscadores
Un tabber
Redes sociales, Fanpage, Twitter, Google +, RSS
Artículos relacionados con imágenes en
las entradas
Un headline de noticias en movimiento
Lista para publicidad de Adsense si lo
utiliza
Slideshow basado en etiquetas
Slider Carrusel tabber
Aumento de widgets
Buscador integrado
Popout de autor
A continuación mire la demostración de
la plantilla Cuántica en mi blog de demos
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”
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”
También da un clic en “Editar HTML” y se
te abrirá el editor de tu blog
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
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
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
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
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
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
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
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
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
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
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
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
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
Busca este código
<li
class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 2</a></li>
<li
class='menu-item'><a href='/search/label/Feature?&max-results=8'>Menu deplegable</a>
<ul
class='sub-menu'>
<li class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 3.1</a></li>
<li class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 3.2</a></li>
<li class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 3.3</a></li>
<li class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 3.4</a>
<ul class='sub-menu'>
<li class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 3.5</a>
<ul class='sub-menu'>
<li
class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 3.7</a></li>
</ul>
</li>
<li class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 3.6</a>
<ul class='sub-menu'>
<li
class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 3.8</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li
class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 4</a></li>
<li
class='menu-item'><a href='/search/label/Feature?&max-results=8'>Categoria 5</a></li>
<li
class='menu-item'><a href='/search/label/Feature?&max-results=8'>Páginas</a>
<ul
class='sub-menu'>
<li class='menu-item'><a href='/search/label/Feature?&max-results=8'>Tecnologia</a></li>
<li class='menu-item'><a href='/search/label/Feature?&max-results=8'>Viajes</a></li>
</ul>
</li>
<li class='menu-item'><a
href='/search/label/Feature?&max-results=8'>Viajes Baratos</a>
<ul
class='sub-menu'>
<li class='menu-item '><a href='/search/label/Feature?&max-results=8'>Viajes a Orlando</a></li>
<li class='menu-item'><a href='/search/label/Feature?&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
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
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
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
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.
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.
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
92 comentarios: