Luis Chávez
add

Plantillas para Blogger – Línea Amazing


¿Necesito una plantilla Blogger que sea totalmente Responsive, que sirva para verse en Ordenadores, Tabletas, y teléfonos inteligentes? Plantillas para uso exclusivo de Blogger, les enseñare como insertar una nueva Plantilla en su blog de Blogger completamente gratis. Las instrucciones de instalación son sumamente fáciles de realizarlo, solo debes seguir paso a paso tal como lo muestro en este tutorial de Plantillas para Blogger gratis, con unos simples pasos.

Características de la Plantilla Línea Amazing:

SEO amistoso en el código
Plantilla Responsive “Tabletas, Ordenadores, Teléfonos inteligentes”
Carga optimizada para buscadores
Slideshow en el sidebar “muestra las últimas publicaciones”
Menú desplegable Responsive, se optimiza en Ordenadores y en Teléfonos inteligentes
Plantilla de carga ligera
Archivo del Blog Calendario
Nuevo estilo de Entradas populares
Estilo de contactos
Entradas con botones para “Imprimir, Guardar en PDF, Enviar por correo electrónico”
Entradas con botones para recomendar en las Redes Sociales
Muestra en cada Entrada el widget de Artículos Relaciones
Caja de comentarios de color verde con sistema de respuesta

Vista en Ordenadores

Plantillas para Blogger – Línea Amazing

Vista Móvil

Plantillas para Blogger – Línea Amazing

Pueden ver el funcionamiento de la Plantilla en el siguiente blog de Demos, como también descargar la plantilla


Instrucciones - Tutorial

Luego de ver su demostración y de haberse descargado la Plantilla vamos a su configuración:

1.- Ir a Blogger.com para instalar la Plantilla Línea Amazing

2.- Un clic en “Plantilla

Plantillas para Blogger – Línea Amazing

3.- Un clic en “Crear/Restablecer copia de seguridad

Plantillas para Blogger – Línea Amazing

4.- Un clic en el botón “Examinar

Plantillas para Blogger – Línea Amazing

Nos mostrara lo siguiente en la ventana, seleccionaremos la Plantilla y damos un clic en "Abrir"

Plantillas para Blogger – Línea Amazing

5.- Un clic en “Subir

Plantillas para Blogger – Línea Amazing
Plantillas para Blogger – Línea Amazing

6.- Listo estará cargada la Plantilla Línea Amazing en su blog de Blogger

Plantillas para Blogger – Línea Amazing

Ahora vamos a configurar el Menú Responsive de su nueva Plantilla, por favor siga las siguientes instrucciones:

Plantillas para Blogger – Línea Amazing


1.- Un clic en “Plantilla

Plantillas para Blogger – Línea Amazing

2.- Un clic en “Editar HTML

Plantillas para Blogger – Línea Amazing

Ahora se le abrirá el Editor HTML de su plantilla

Plantillas para Blogger – Línea Amazing

En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, 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 le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.

 Blogger

3.- Busca este código

<div class='navigation'>

Una vez encontrado el código le mostrara un código similar al siguiente

<li><a href='/'>Inicio</a></li>
          <li><a href='#'>Noticias</a></li>
          <li><a href='#'>Farandula</a></li>
          <li><a href='#' tabindex='1'>Servicios<span class='arrow-down'/></a>
            <ul class='dropdown'>
              <li><a href='#'>SubCategoría 1</a></li>
              <li><a href='#'>SubCategoría 2</a></li>
              <li><a href='#'>SubCategoría 3</a></li>
              <li><a href='#'>SubCategoría 4</a></li>
              <li><a href='#'>SubCategoría 5</a></li>
            </ul>
          </li>
          <li><a href='#' tabindex='1'>Negocios<span class='arrow-down'/></a>
            <ul class='dropdown'>
              <li><a href='#'>SubCategoría 1</a></li>
              <li><a href='#'>SubCategoría 2</a></li>
              <li><a href='#'>SubCategoría 3</a></li>
              <li><a href='#'>SubCategoría 4</a></li>
              <li><a href='#'>SubCategoría 5</a></li>

Realice los siguientes cambios:

He marcado de dos colores diferentes, cambia los numerales # que están marcados de color azul por la dirección URL de la entada que quiera dar a conocer en el Menú

Además, debe cambiar los nombres que están marcados de color verde, por el nombre que usted quiera

4.- Busque el siguiente código

<meta content='index, follow' name='robots'/>

Nos mostrara el siguiente código

<meta content='Aquí la descripcion de su blog.' name='description'/>
    <meta content='Aquí las palabras clave de su blog.' name='keywords'/>
    <meta content='Aquí su nombre' name='Author'/>
    <meta content='Aquí la dirección de su correo electrónico' name='Email'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='language'/>
    <meta content='Aquí el nombre de su país' name='geo.country'/>
    <meta content='global' name='distribution'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Aquí el nombre de su ciudad actual' name='geo.placename'/>

Realice estos cambios:

Ingrese los datos de su blog de Blogger, donde le está indicando y así obtendrá un buen SEO en su blog de Blogger

5.- Eso es todo, es momento de dar un clic en “Guardar plantilla

Plantillas para Blogger – Línea Amazing

Configuración del widget Entrada destacada

Plantillas para Blogger – Línea Amazing

1.- Un clic en “Diseño

Plantillas para Blogger – Línea Amazing

2.- Sigue las instrucciones del siguiente tutorial para configurar el widget Entrada destacada


Insertar el widget flotante para compartir el blog en las Redes Sociales, siga las siguientes instrucciones:

Plantillas para Blogger – Línea Amazing

1.- Un clic en “Diseño

Plantillas para Blogger – Línea Amazing

2.- Un clic en “Añadir un gadget

Plantillas para Blogger – Línea Amazing

3.- Se abrirá la siguiente ventana

Plantillas para Blogger – Línea Amazing

4.- Busca el widget “HTML/Javascript” y ábrelo

Plantillas para Blogger – Línea Amazing

5.- Ingrese las siguientes líneas de código en su interior

<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="left:0px; top:150px;">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_button_linkedin"></a>
    <a class="a2a_button_whatsapp"></a>
    <a class="a2a_button_print"></a>

    <a class="a2a_dd" href="http://www.addtoany.com/share_save"></a>
</div>

<script type="text/javascript" src="//static.addtoany.com/menu/page.js"></script>

6.- Un clic en “Guardar

Plantillas para Blogger – Línea Amazing

Para insertar el Slidehow en el sidebar, siga las siguientes instrucciones

Plantillas para Blogger – Línea Amazing

1.- Un clic en “Diseño

Plantillas para Blogger – Línea Amazing

2.- Busca el widget que dice “Slider - Publicaciones” ábrelo

Plantillas para Blogger – Línea Amazing

3.- Ingrese las siguientes líneas de código en su interior

<style scoped="" type="text/css">
#coinautoslide{margin:0 auto;border:4px solid white;border-radius:2px;font:normal normal 11px Verdana,Geneva,sans-serif;line-height:1.6em}
.coin-slider{overflow:hidden;zoom:1;position:relative}
.coin-slider a{text-decoration:none;outline:none;border:none}
.cs-buttons{font-size:0;padding:10px;float:left}
.cs-buttons a{margin-left:5px;height:10px;width:10px;float:left;border:1px solid #B8C4CF;color:#B8C4CF;text-indent:-1000px}
.cs-active{background-color:#B8C4CF;color:#FFFFFF}
.cs-buttons a{border-radius:50%;background:#CCC;background:-webkit-linear-gradient(top,#CCCCCC,#F3F3F3);background:-moz-linear-gradient(top,#CCCCCC,#F3F3F3);background:-o-linear-gradient(top,#CCCCCC,#F3F3F3);background:-ms-linear-gradient(top,#CCCCCC,#F3F3F3);background:linear-gradient(top,#CCCCCC,#F3F3F3)}
a.cs-active{background:#599BDC;background:-webkit-linear-gradient(top,#599BDC,#3072B3);background:-moz-linear-gradient(top,#599BDC,#3072B3);background:-o-linear-gradient(top,#599BDC,#3072B3);background:-ms-linear-gradient(top,#599BDC,#3072B3);background:linear-gradient(top,#599BDC,#3072B3);border-radius:50%;box-shadow:0 0 3px #518CC6;border:1px solid #3072B3!important}
.cs-title{width:100%;padding:5px 0;background-color:#000000;color:#FFFFFF}
.cs-title strong{display:block;font-size:120%}
.cs-title p{margin:0}
.cs-title cite{font-size:90%}
.cs-title strong,.cs-title cite,.cs-title p{padding:0 10px}
.cs-prev,.cs-next{background-color:#000000;color:#FFFFFF;padding:0 10px}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
var AutoCoinConfig = {
 url_blog: "http://lineaamazing.blogspot.com/",
 MaxPost: 10,
 cmtext: "Comentarios",
 MonthNames :
["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],
 pBlank : "http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",
 NoCmtext : "comentarios",
 imageSize :300,
 SumChars : 0,
 tagName:false,
 width: 300,
 height: 170,
 spw: 5,
 sph: 5,
 delay: 3000,
 sDelay: 30,
 opacity: 0.7,
 titleSpeed: 300,
 effect: '',
 navigation: true,
 links : true,
 hoverPause: true,
 prevText: 'Anterior',
 nextText: 'Siguiente'
};
</script>
<script src="http://fianetmu-com.googlecode.com/files/autocoin.js" type="text/javascript"></script>

Realice este cambio:

Elimine la dirección URL que está marcada de color azul http://lineaamazing.blogspot.com/  y remplácelo por la dirección URL de su blog de Blogger

4.- Eso es todo, de un clic en “Guardar

Plantillas para Blogger – Línea Amazing


Configurar el Archivo Calendario

Plantillas para Blogger – Línea Amazing

1.- Un clic en “Diseño

Plantillas para Blogger – Línea Amazing

2.- Busca el widget que tiene como nombre “Archivo del Blog” ábrelo

Plantillas para Blogger – Línea Amazing

3.- Debe estar configurado de la siguiente forma para que funcione, mire la siguiente imagen

Plantillas para Blogger – Línea Amazing

4.- Luego de un clic en “Guardar

Habilitar la plantilla Móvil de mi blog de Blogger

Plantilla móvil para Blogger – Línea Amazing
Plantilla móvil para Blogger – Línea Amazing
Plantilla móvil para Blogger – Línea Amazing
Plantilla móvil para Blogger – Línea Amazing
Plantilla móvil para Blogger – Línea Amazing
Plantilla móvil para Blogger – Línea Amazing
Plantilla móvil para Blogger – Línea Amazing
Plantilla móvil para Blogger – Línea Amazing

Siga las instrucciones del siguiente tutorial


Eso es toda la configuración de la Plantilla Línea Amazing

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

Saludos

7 comentarios:





  1. saludos amigo,trato de subir esta plantilla y me da este error ?
    Tu plantilla no se ha podido guardar.
    No se pudo analizar tu plantilla porque no está bien construida. Asegúrate de que todos los elementos XML estén correctamente cerrados. Mensaje de error de XML:
    Content is not allowed in prolog.

    ResponderEliminar
  2. saludos
    me puedes enviar la plantilla amanzing a mi correo
    es gesa747@gmail.com

    gracias
    german

    ResponderEliminar
  3. El botón para descargar está mal configurado. Te manda a una página entera de código HTML

    ResponderEliminar
    Respuestas
    1. Hola, es normal que envíe a la pagina de www.drive.google.com y le muestra el código HTML de la plantilla, le comento que justo arriba de la pagina que usted esta abriendo se encuentra el botón de descarga.

      Saludos.

      Eliminar
  4. Saludos! Luis Chavez eres un maestro excelente!..

    ResponderEliminar
  5. Buenas tardes Luis, modifique el código, bien como lo explicas pero no encuentro el botón guardar planilla, me podrás ayudar Gracias

    ResponderEliminar
    Respuestas
    1. Hola Daniel, justo arriba del HTML se encuentra el botón Guardar plantilla,

      Saludos

      Eliminar

Ayudadeblogger.com
Luis Chávez person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios