Plantilla para Blogger en Amp

Si estabas buscando una Plantilla de Blogger con la estructura completa en AMP, y sobre todo que no tenga un solo error al momento de validarlo en AMP. Ayudadeblogger.com te guiara paso a paso con un gran tutorial sobre la implementación de una plantilla de Blogger creado en AMP, completamente gratis.

La plantilla de Blogger en AMP que ejecutaran en este tutorial, se la puede visualizar correctamente tanto para computadoras de escritorio y teléfonos inteligentes, básicamente todo el diseño y la estructura es totalmente Responsive.

La Plantilla de Blogger en Amp tiene los poderosos estilos de Material design de Google y su código basado en Amp HTML.


¿Qué incluye la Plantilla de Blogger en Amp?

SEO
Diseño Responsive en Amp
Estructura completa en AMP HTML
Botones compartir en las redes socialesen Amp
Diseño Material design de Google en Amp
Contiene datos estructurados
Implementación de imágenes Gif en Amp
Videos de Youtube en Amp
Videos de Vimeo en Amp
Integración de Adsense en Amp
Caja de comentarios de Facebook en Amp
Buscador integrado en Amp
Entradas populares en Amp
Widget suscripción en Amp
Imagen Parallax en Amp
Página de contactos en Amp
Manú responsive desplegable con submenús en Amp
Color barra de navegación desde un dispositivo movil


¿Qué aspectos cambia?

Si están creando un blog nuevo, puede optar por esta plantilla de Blogger en Amp, y si tienen un blog con más de 100 entradas o menos y quiere implementar esta Plantilla de Blogger en Amp, tendrán que realizar todos los cambios correspondientes en cada entrada que hayan publicado, puede ser un trabajo dedicado, ya que tienen que seguir las reglas generales estipuladas por Amp HTML, que al final conseguirán todas las entradas de su blog con la estructura completa en Amp.

Si tienen habilitado algunos gadgets, tendrán que eliminarlos y cumplir con las normas de esta plantilla, no deben ingresar widgets o gadgets de terceros que tengan Javascript, en el video tutorial que se muestra en este post, notaran los cambios que deben realizar y así tengan una idea clara de lo que deben hacer.

¿Qué no se mostrara en la Plantilla de Blogger en Amp?

Se tendrá que eliminar la opción de los comentarios de Blogger, ya que los mismos crean un error de validación en Amp. Pero si no quieren eliminar dicha opción  lo pueden dejar, esto implicaría a que no tenga la estructura completa en Amp, será su decisión.

¿Cómo saber si mi plantilla de Blogger esta validada en AMP?

Deberá utilizar el navegador de  Google Chrome he instalar la extensión AMP Validator

Una vez instalada la extensión le mostrara en la parte superior derecha de su navegador web “Google Chrome” el botón con el rayo de color verde de AMP Validator


A continuación, puede ver su demostración en el siguiente blog, como también puede descargarse la plantilla completamente gratis


Nota importante:

Antes de empezar este tutorial, se recomienda realizar una copia de seguridad de su blog de Blogger, o primero practicar en un blog de ejemplos. Si no sabe cómo realizar una copia de seguridad de su blog, puede seguir las instrucciones del siguiente enlace:

Realizar una copia de seguridad de mi blog de Blogger

Ayudadeblogger.com no se responsabiliza si usted no realizo correctamente los cambios proporcionados en este tutorial, para más detalles específicos, puede visitar el siguiente enlace:

Empezamos

Siga las instrucciones del siguiente video tutorial

Video Tutorial


Suscríbase a nuestro canal de Youtube

1 Instalar la Plantilla

1.1 Ir a Blogger.com

1.2 Un clic en Plantilla


1.3 Un clic en “Crear/Restablecer copia de seguridad”



4 Un clic en “Examinar”

5 Un clic en el archivo XML que se le envío


6 Un clic en “Subir”


7 Listo ahora ya tiene insertado la Plantilla de Blogger en Amp

Continuamos con el tutorial

2 Realizar los cambios pertinentes en el HTML de la plantilla como:


Cambiar el titulo:

- Busca todos las palabras que contengan lo siguiente:

Accelerated Mobile Pages en Blogger

Elimina cada una de ellas y remplazalos por el título de tu blog de Blogger


Cambiar la imagen principal Parallax:


Busca este código:

/* Parallax */

Imagen de ejemplo:


- Notara que le muestra un código similar al siguiente


background: #f6f6f6 url(https://2.bp.blogspot.com/-EMXdTiSina0/WHV6Q5MiXxI/AAAAAAAAN0s/MAoodrXlyY8fVT6tyXa9Urqe0Bj5ePCCwCLcB/s1600/102.jpg)


Realice este cambio:

Elimine la dirección URL que esta marcada de color amarillo y remplacelo por una dirección URL de una imagen

Por ultimo, necesita cambiar las palabras que dicen:

Amp en Blogger
Template Free


Busque este código:

<div class='ayudadeblogger-parallax'>

Nos mostrara un codigo similar al siguiente:


<div class='ayudadeblogger-parallax'>
<h2>Amp en Blogger</h2>
<h2> Template Free </h2>


Cambie las palabras que están marcadas de color rojo y remplazarlo por cualquier tema

Editar el Menú desplegable con submenús

Busque el siguiente código:

<a href='#'>Negocios</a>

Nos mostrara un código similar al siguiente:


Realice estos cambios:

Cambie todas las palabras que se encuentran dentro del menú

Para insertar por ejemplo una dirección URL de una entrada, solo tiene que eliminar el símbolo numeral # y remplazarlo por la dirección URL de su entrada, recuerde realizar todo el procedimiento en todo.

A continuación un ejemplo:


<li class='submenu'>
<a href='http://www.ayudadeblogger.com/2017/01/plantilla-para-blogger-en-amp.html'>Negocios</a>
<input class='show-submenu' id='show-submenu-1' name='show-submenu-1' type='checkbox'/>
<ul>
<li><a href='http://www.ayudadeblogger.com/2017/01/widget-card-follow-de-twitter-material-design.html'>Tema</a></li>
<li><a href='http://www.ayudadeblogger.com/2017/01/amp-en-blogger-es-posible.html'>Tema</a></li>
                </ul>
</li>


Cambiar el Id de la caja de comentarios de Disqus


Busque el siguiente código

<!-- Seccion disqus -->

Le mostrara un código similar al siguiente



Cambie el ID que dice discus-amp-blogger por el ID de su cuenta de Disqus, por ejemplo



Cambiar el ID de la caja de comentarios de Facebook


Busque el siguiente código:

https://cdn.rawgit.com/Luis-Chavez/amp-g/dbe0e5ef/fb-comment-b.html

- Le mostrara un código similar al siguiente


<amp-iframe allowfullscreen='' frameborder='0' height='300' layout='responsive' sandbox='allow-scripts allow-same-origin allow-popups' src='https://cdn.rawgit.com/Luis-Chavez/amp-g/dbe0e5ef/fb-comment-b.html?page=ampenblogger' width='500'>
  </amp-iframe>


Realice este cambio:

Cambie la palabra que esta marcado de color amarillo el cual dice ampenblogger  por el titulo de su blog, recuerde que las palabras deben estar unidas y no seperadas


Guardar la plantilla


3 Dirigirse a Diseño y eliminar gadgets que no correspondan a la estructura de AMP

Como por ejemplo:

Eliminar el gadget Archivos del blog
Eliminar el gadget datos personales

4 Instalar AdSense en Amp

Como ejemplo, cuando se adquiere el código de AdSense, nos muestra de la siguiente manera


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!—Ads Adsense -->
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:250px"
     data-ad-client="ca-pub-1262851945838153"
     data-ad-slot="3476018923"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


Dicho código generado por AdSense ya no tendrán que ingresarlo tal como lo mostré en el ejemplo, ahora se deberá implementar de una manera diferente, el código que remplaza es el siguiente:


<amp-ad width="300" height="250"
      type="adsense"
      data-ad-client="ca-pub-1262851945838153"
      data-ad-slot="3476018923">
 </amp-ad>


Notaran que marque de color amarillo los Ids, estos números tendrán que cambiarlo por los números de su código de AdSense

Código para mostrar anuncios de Adsense adaptables en Amp


<amp-ad layout="fixed-height" height="100"
type="adsense"
data-ad-client="ca-pub-1062851945838143"
data-ad-slot="1641240544">
</amp-ad>


Código de Adsense para mostrar anuncios en Amp en diferentes tamaños como: 300x250, 728x90, 336x280, etc.

- Puede cambiar el tamaño del anuncio con el siguiente código de Adsense en Amp, cambiando los valores 300 y 250


<amp-ad width="300" height="250"
      type="adsense"
      data-ad-client="ca-pub-1262851945838153"
      data-ad-slot="3476018923">
 </amp-ad>


- Al igual que el anterior código, tendrá que cambiar los números que están marcados de color amarillo.

5 Desactivar el sistema de comentarios del blog "opcional"

Si quieren lo pueden desactivar y tener la estructura completa validada en Amp, pero si no lo quieren desactivar lo pueden hacer.

- Un clic en diseño


- Un clic en editar en el Gadget entradas del blog


- Notara que esta activado la casilla de comentarios, tendrá que desactivarlo


6 Editar o publicar una nueva entrada con la estructura de Amp y así nos valide correctamente

Para ello puede optar por copiar el siguiente código de ejemplo de cómo debe estar estructurado el código en una entrada


Código validado para las entradas


<noscript><img src="https://1.bp.blogspot.com/-TVG53JjGjKI/WHV_JKtSxtI/AAAAAAAAN1Y/K39fwk4ABzMbk6pbWzmRkHFetPX4gSR5QCLcB/s1600/material-design-css.gif" width="600" height="350" alt="¿Que es AMP? Páginas móviles aceleradas"/></noscript>
<br />
Un blog es un sitio web que se actualiza periódicamente y que ofrece la lectura de información de uno o varios autores sobre temas de interés. La unidad fundamental de información de un blog es el artículo, también llamado "post" o "entrada". Estos artículos se muestran siguiendo una ordenación cronológica inversa, es decir, se mostrará primero el artículo más reciente. En consecuencia podemos definir un blog como una recopilación de artículos ordenados cronológicamente.
<br />
<br />
Para el autor/autores de un blog, se trata de un sistema que facilita la publicación de contenidos multimedia en Internet ofreciendo en todo momento el control y libertad para editar y modificar la información publicada.
<br />
<br />
<center>
<amp-img alt="¿Que es AMP? Páginas móviles aceleradas" height="320" layout="responsive" src="https://1.bp.blogspot.com/-Sq4fRtTTK9E/WHV_SWauZOI/AAAAAAAAN1c/Go07vp-fynYApeSASKzL6lOOR_n7oBdOQCLcB/s1600/51.jpg" width="500"></amp-img>
</center>
<br />
En cada artículo los lectores pueden escribir sus comentarios y el autor darles respuesta. De esta forma se fomenta un diálogo que autores y lectores pueden compartir. Sin embargo esta opción depende de la moderación del autor o autores del blog y por supuesto de que los lectores decidan intervenir libremente con sus aportaciones.
<br />
<br />
La temática de un blog es muy variada. En la blogosfera hay blogs personales, periodísticos, empresariales, tecnológicos, educativos (edublogs), políticos, etc
<br />


¿Cómo ingresar una URL en una palabra o frase dentro de la entrada?

- Si necesitan ingresar una dirección URL o un enlace en alguna palabra o frase, pueden mirar el siguiente ejemplo


Código de ejemplo:


Un blog es un <a href="http://www.ayudadeblogger.com/2017/01/plantilla-para-blogger-en-amp.html" target="_blank">sitio web  </a> que se actualiza diariamente.



¿Cómo ingresar una URL enlace en una imagen?

Mire la siguiente estructura de código


<center>
<a href="http://www.ayudadeblogger.com/2017/01/plantilla-para-blogger-en-amp.html" target="_blank">
<amp-img alt="¿Que es AMP? Páginas móviles aceleradas" height="320" layout="responsive" src="https://2.bp.blogspot.com/-DFXn20DD7WE/WHgoVoDqjmI/AAAAAAAAN3s/tyHfFrviWI0WDm7QhTXnAS-8pwbN_vZoACLcB/s1600/Ayudadeblogger-web-design.gif" width="500"></amp-img></a>
</center>


- Justo afuera del código de la imagen, ingresamos el código que esta marcado de color amarillo

- Cambia la URL que esta marcada de color azul por la dirección URL de su post o de otro sitio

A continuación una imagen de ejemplo


¿Cómo implementar Youtube en una entrada?

El código para que un video de Youtube se muestre en Amp es el siguiente:


<amp-youtube width="240"
      height="150"
      layout=responsive
      data-videoid="UyixXlkYXpA"
      autoplay>
  </amp-youtube>


Puede cambiar el tamaño del video donde dice 240 que es su anchura y 150 que es su altura

Cambie el Id que esta marcado de color amarillo, por el Id del video de Youtube

¿Cómo implementar imágenes en una entrada?

La primera imagen de una entrada debe contener la siguiente estructura


<noscript><img src="https://3.bp.blogspot.com/-xWSbQRC-oC4/WT82_SUYECI/AAAAAAAAPug/n7y-R7pEVvgFnDmeNy3DdRZv3sWL3i6-wCLcB/s1600/plantillas-para-blogger.png" width="600" height="350" alt="¿Que es AMP? Páginas móviles aceleradas"/></noscript>
<br />


Realice este cambio:

Cambie la dirección URL que está marcada de color amarillo por la dirección URL de una de sus imágenes.

- La segunda imagen y así sucesivamente debe contener la siguiente estructura


<center>
<amp-img alt="¿Que es AMP? Páginas móviles aceleradas" height="320" layout="responsive" src="https://1.bp.blogspot.com/-Sq4fRtTTK9E/WHV_SWauZOI/AAAAAAAAN1c/Go07vp-fynYApeSASKzL6lOOR_n7oBdOQCLcB/s1600/51.jpg" width="500"></amp-img>
</center>


Realice este cambio:

Cambie la dirección URl que está marcada de color amarillo por la dirección URL de una de sus imágenes.

¿Cómo implementar imágenes gif en una entrada?

Siempre la primera imagen, debe contener el siguiente código


<noscript><img src="https://1.bp.blogspot.com/-TVG53JjGjKI/WHV_JKtSxtI/AAAAAAAAN1Y/K39fwk4ABzMbk6pbWzmRkHFetPX4gSR5QCLcB/s1600/material-design-css.gif" width="600" height="350" alt="¿Que es AMP? Páginas móviles aceleradas"/></noscript>
<br />


Realice este cambio:

Cambie la dirección URL que está marcada de color amarillo por la dirección URL de una de sus imágenes

- A partir de la segunda imagen gif, debe contener la siguiente estructura


<center>
<amp-img alt="¿Que es AMP? Páginas móviles aceleradas" height="320" layout="responsive" src="https://1.bp.blogspot.com/-Sq4fRtTTK9E/WHV_SWauZOI/AAAAAAAAN1c/Go07vp-fynYApeSASKzL6lOOR_n7oBdOQCLcB/s1600/51.jpg" width="500"></amp-img>
</center>


Realice este cambio:

Cambie la dirección URL que está marcada de color amarillo por la dirección URL de una de sus imágenes

¿Cómo centrar un titulo o texto?

Mire el siguiente ejemplo de código:

<br />
<center>
Aquí el titulo del texto
</center>
<br/>

¿Cómo aumentar el tamaño de un titulo o texto?

Mire el siguiente ejemplo de código:

<h2>Aquí todo el texto que necesite aumentar de tamaño</h2>

Puede cambiar los valores <h1>aquí el texto</h1>, como también <h3>aquí el texto</h3>, etc.

¿Aumentar de tamaño al titulo y mostrarlo centrado?

Mire el siguiente ejemplo de código:


<br />
<center>
<h2>Aquí el titulo del texto</h2>
</center>
<br/>


¿Cómo marcar de color negro al texto?

Mire el siguiente ejemplo de código:

<b>aquí todo el texto que se va a marcar de negrita</b>

7 Crear una página en Amp Blogger y mostrar los contactos


1.1 Un clic en Páginas


2.1 Un clic en Página Nueva


3.1 Le mostrara una página nueva, en la cual debe poner un titulo y luego en modo HTML, insertar el siguiente código


<div class='ayudadeblogger-parallax1'>
  <div class='ayudadeblogger-parallax'>
<h2>Gracias por visitar Ayudadeblogger.com</h2>
<h2> Plantilla Amp en Blogger </h2>
</div>
</div>
<center>
<h1>
The best Blogger Template Amp</h1>
<h1>
</h1>
</center>
<br />
<center>
<h2>
Para más detalles específicos sobre el diseño de la plantilla de Blogger en Amp, puede comunicarse a las siguientes direcciones</h2>
</center>
<br />
<center>
<h3>
<i class="material-icons">person_add</i> Luis Chávez</h3>
<i class="material-icons">dialpad</i>CEO Director
</center>
<br />
<center>
<h3>
<i class="material-icons">call</i> Línea directa: +593 994589032</h3>
</center>
<br />
<center>
<h3>
<i class="material-icons">email</i> Email: ayudadeblogger@gmail.com</h3>
</center>
<br />
<br />
<center>
Copyright @ 2017 Amp HTML en Blogger - All Rights Reserved - Design by: Ayudadeblogger.com
</center>
<br />


Ejemplo:

Realice los siguientes cambios:

Cambie todas las palabras que están marcadas de color rojo

8 Habilitar la plantilla móvil, tal como lo muestro en el video tutorial


9 Verificar que todo esté bien y que la plantilla nos valide completamente en Amp, utilizando el botón Validator.


Eso es todo, ahora disfrute de su blog de Blogger en Amp.

Gracias a Google por su gran trabajo en ayudar a los webmaster a crear sitios web de calidad, sobre todo también al grupo de trabajo de Material design por sus grandes estilos.

Recuerden seguir las instrucciones del video tutorial.

Preguntas frecuentes

Cómo editar el amp-sidebar barra lateral de mi blog en AMP de Blogger
¿Cómo publicar una entrada de Blogger correctamente en Amp?
¿Cómo habilitar la plantilla móvil de mi blog de Blogger en AMP?
Cómo configurar los comentarios de Disqus de mi blog en AMP de Blogger
¿Cómo configurar el gadget Related post? de mi plantilla en AMP de Blogger
Invalid Amp Error al crear un nuevo Gadget/Widget en Blogger
¿Cómo agregar Google AdSense en un Widget de Blogger en AMP HTML?
¿Cómo añadir Google AdSense a tus entradas de Blogger en AMP HTML?
Anuncios automáticos AMP de texto y de display
Corregir error en los datos estructurados al configurar en Blogger
Corregir error en los datos estructurados - error detectado Breadcrumb
Cómo editar las meta etiquetas de las plantillas de Blogger en AMP
¿Cómo configurar los datos estructurados de mi blog de Blogger en AMP?

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



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.

Related post

Comentarios

130 comentarios:

  1. Hola,felicitarlos por la plantilla me gusta... este es mi correo rogercse57@gmail.com gracias por el aporte.

    ResponderEliminar
    Respuestas
    1. Hola Roger, gracias por escribir, sobre su solicitud, se le envió el archivo Xml de la plantilla, por favor revise su dirección de correo electrónico.

      Saludos.

      Eliminar
  2. Ufff mi hermano gracias te pasastes con esto gracias mijo saludos

    ResponderEliminar
    Respuestas
    1. Hola Dj Genio, es un gusto que la plantilla de Blogger en Amp funcione correctamente en tu blog de Blogger, sigue adelante.

      Saludos.

      Eliminar
  3. muy bien amigo gracias por este pots muy buen tutorial
    los invito a todos a probarlo este es mi blog https://djgenio.blogspot.com/
    que construi con ayuda de Luis

    ResponderEliminar
  4. Tienes un gran blog con muchas cosas interesantes. La plantilla está muy bien y me gusta. Mi dirección de correo es rugoleor@gmail.com y me gustaría tenerla.

    ResponderEliminar
    Respuestas
    1. Hola Angel, gracias por escribir, sobre su solicitud, se le envió el archivo XML de la Plantilla de Blogger en Amp a su dirección de correo electrónico, por favor revíselo.

      Saludos.

      Eliminar
  5. me gustaria recibir la p´lantilla mi correo es lopman2000@gmail.com

    ResponderEliminar
  6. La plantilla está muy bien y me gusta. Mi dirección de correo es lopman2000@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Manuel, gracias por escribir, sobre su solicitud, se le envió el archivo XML de la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  7. Estimado Amigo Luis Chavez, por favor agradecería el envió de la plantilla a este correo: saintscasillas@gmail.com

    ResponderEliminar
  8. Por Favor Luis, este mi correo: saintscasillas@gmail.com
    de antemano muchas gracias...

    ResponderEliminar
    Respuestas
    1. Hola Saints, gracias por escribir, sobre su requerimiento se le envió la plantilla a su dirección de correo electrónico, por favor revíselo

      Saludos.

      Eliminar
  9. Saludos Caballero, estamos en el proceso de conceptualización y diseño de una web site para nuestra Organización Sin Fines de Lucro, en blogger, y acorde nuestra filosofía institucional, esta debe ser de calidad pero con simplicidad, empleando un concepto más contemporáneo, algo minimalista y sencillo de operar. En la búsqueda de ayuda en la Internet llegamos a vuestra genial web site, y nos gustaría poder obtener vuestra plantilla, para ir probando con nuestro diseño. Por favor, comparta vuestra plantilla al email: contacto@ecokawsay.org
    Mil Gracias.
    Manuel Poma, Eco Kawsay, Perú.

    ResponderEliminar
    Respuestas
    1. Hola Eco Kawsay, gracias por escribir, sobre su requerimiento, se le envió la plantilla a su dirección de correo electrónico, por favor revíselo.

      Saludos.

      Eliminar
  10. Saludos Luís!!.. Gracias por las orientaciones que me ha dado sobre la plantilla AMP. Por favor, podría enviarla a mi correo?. Ésta es la dirección: consuelo.cartaya@gmail.com .... De antemano, Gracias!!

    ResponderEliminar
    Respuestas
    1. Hola Consuelo, gracias por escribir, sobre su solicitud, se le envió la plantilla a su dirección de correo electrónico, por favor revíselo.

      Saludos.

      Eliminar
  11. Hola Luis fantástico trabajo, podrias enviarla a mi correo por favor: david.tejeda.santos@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola David, un gusto saludarte, antes que nada quería agradecerte por tu gran labor en el Foro, recuerda cualquier pregunta no dudes en escribirme, te envié la plantilla a tu dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  12. Muy linda plantilla me la envias porfa gracias lvsoftware@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola, gracias por escribir, se le envió la plantilla a su dirección de correo, por favor revíselo

      Saludos.

      Eliminar
  13. Hola, puedes enviarmela a saludablebela@gmail.com

    Muy bonito tu trabajo.

    ResponderEliminar
    Respuestas
    1. Hola Lucia, gracias por escribir, se le envió el archivo XML de la plantilla, por favor revise su correo electrónico.

      Saludos.

      Eliminar
  14. Hola!. Por favor, podría enviarla a mi correo?. Ésta es la dirección: bexixar@gmail.com . Gracias por adelantado!

    ResponderEliminar
    Respuestas
    1. Hola Jose, se le envió la plantilla de Blogger en Amp, a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  15. Hola,felicitarlos... este es mi correo marcotrotta@me.com gracias por el aporte.

    ResponderEliminar
    Respuestas
    1. Hola Marco, gracias por escribir, se le envió la plantilla de Blogger en Amp, a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  16. Hola Luis , Tengo una duda
    ¿hay alguna forma de añadir los ajustes AMP a una plantilla blogger que ya tengo?

    Gran trabajo!

    ResponderEliminar
  17. Hola Luis , Tengo una duda
    ¿hay alguna forma de añadir los ajustes AMP a una plantilla blogger que ya tengo?

    Gran trabajo!

    ResponderEliminar
    Respuestas
    1. Hola Alberto, con respecto a su pregunta, claro que se puede añadir la estructura de Amp en su blog y volverlo rápido como un rayo.

      Saludos.

      Eliminar
  18. Hola Luis Felicitaciones! el tema de AMP es increíble! quisiera probarlo en mi blog, este es mi correo sergio123ya@gmail.com muchísimas gracias por el aporte.

    ResponderEliminar
    Respuestas
    1. Hola Sergio, gracias por escribir, sobre su solicitud se le envió la plantilla de Blogger en Amp, por favor revise su correo electrónico

      Saludos.

      Eliminar
  19. Hola Luis! Me parece muy interesante el tema de AMP y quisiera probarlo en mi blog, mi correo es ajogm@hotmail.com. Gracias!!

    ResponderEliminar
    Respuestas
    1. Hola María, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo

      Saludos.

      Eliminar
  20. puedes enviarme esa plantilla para probarla.. saludos.. mi correo anitastefania69@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Ana, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo

      Saludos.

      Eliminar
  21. Buenas noches Luis,
    Primero que todo, gracias por todo lo que compartes con nosotros en tu blog.
    Te dejo mi correo a ver si me compartes la plantilla, quiero probar y aprender acerca de lo nuevo. vimalamexid7@gmail.com

    quedo atento.

    de antemano, muchas gracias. bendiciones

    ResponderEliminar
    Respuestas
    1. Hola Vimalame, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo

      Saludos.

      Eliminar
  22. solo se puede monetizar con adsense¿

    ResponderEliminar
    Respuestas
    1. Hola Ana, usted puede monetizar su blog con cualquier tipo de publicidad

      Saludos

      Eliminar
  23. Realmente excelente, espero y ruego me la envíes esneidermanzano@gmail.com quedo sin palabras, puedo hacer un reporte acerca de este tema?

    De antemano mil gracias

    ResponderEliminar
    Respuestas
    1. Hola Loquendo Manzanoi, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Ademas sobre su comentario si gusta puede realizar el reporte sobre Amp en Blogger, para ello puede mirar el demo que se esta promocionando una nueva plantilla de Blogger en Amp, que muy pronto sera publicado gratuitamente y así todos los Bloggers puedan disfrutar otro diseño de Blogger en Amp HTML, para mas detalles le dejo la dirección URL del Video promocional de la nueva plantilla de Blogger en Amp HTML

      https://www.youtube.com/watch?v=E1dC1EO3hws

      Saludos.

      Eliminar
  24. Uff gran tutorial, en serio gracias, me gustaria tener esta plantilla, mi correo es myzoneviral@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola My Zone Viral, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  25. hola.. gracias por la plantilla esta muy bien creada.
    tengo algunos problemas al momento de compartir la pagina contactos no me nuestra imagen referencia del blogs .. me nuestra la imagen que dice GOOGLE AMP . como puedo dar solucion a ese problema.. tambien note que al compartir no es free. sale como si compartida por luis chavez ..

    ResponderEliminar
    Respuestas
    1. Hola, Tommy, sobre su pregunta, por favor remita la dirección URL de su blog y así poder ingresar y ayudarle con lo que necesita, ademas sobre lo que usted indica de Free, la plantilla es gratuita, y no debe aparecer mi nombre, tal vez usted no elimino mi nombre en el editor HTML de su plantilla, justo al principio del código esta mi nombre en el cual usted tendrá que cambiarlo por su nombre, ingrese al video tutorial y ahi vera como realizar los cambios, dedique un tiempo en revisar los pasos que se encuentra en el video tutorial

      Saludos.

      Eliminar
  26. HOLA AMIGP ME LA ENVIAS ESTA EXCELETE geminotunm@gmail.com

    ResponderEliminar
  27. ES excelente esta plantilla esto es un gran aporte para todos los blogueros como yo mandamela a mi correo geminorunm@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola TOPS DEL MUNDO, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  28. http://www.multiserviciosgonzalez.com.ve/p/contacto.html
    cuando quiero compartir en facebook esta no me toma la imagen de fondo ..
    ahora por q quiero compartir solo la pagina de contacto. es por q es la unica q abre en modo landing page.y la tome como la pagina primaria de bienvenida ya que he usado la plantilla para un proyecto de refrigeracion de un familiar mio ... gracias por tu ayuda

    ResponderEliminar
    Respuestas
    1. Hola Tonmy, he visitado su blog, la solucion es facil, usted no ha cambiado el logo de imagen que tiene en el Editor HTML, en el video tutorial justo al principio explico claramente que deberán cambiar la dirección URL de una imagen por una dirección URL suya, en este caso usted tendrá que insertar la dirección URL de la imagen que esta mostrando en su pagina de contactos, luego de realizar dichos cambios, usted puede dirigirse al depurador de facebook para que se actualice a su nueva imagen.

      Veo que no ha cambiado las URLs de las imágenes del demo.

      Las URls de imagen tal como lo muestro en el tutorial son las siguientes las cuales debera cambiarlas por una URL de su imagen de portado:

      http://2.bp.blogspot.com/-1_-smwB13dg/Vyb42EZVR8I/AAAAAAAAK8k/pFq-6R_w61cMyoKp4pbmryoU5_9KQqJzwCK4B/s1600/ayudadeblogger.png

      https://3.bp.blogspot.com/-oeSXHqnrCvo/WEYzlbhip6I/AAAAAAAANeI/Osbc3YdB_40jU2DXI--zu-KXa_WPkYS_QCLcB/s640/amp-html.jpg

      Para ello el enlace del depurador de facebook

      https://developers.facebook.com/tools/debug/accesstoken/

      Ademas, veo que tampoco a cambiado los Enlaces al sitio, los Datos estructurados, los Links paginas Sociales y tampoco los Meta logo, por favor, revise el video tutorial ahí explico claramente que tiene que realizar los cambios, tenga un poco de paciencia y revise el video tutorial.

      Saludos.

      Eliminar
  29. Buenas noches Luis,
    Primero que todo, gracias hace mucho estaba buscando como adaptar mi bloc y no habia visto algo igual.
    Comparte por fa Te dejo mi correo zbtavo@gmail.com

    Quedo atento.

    Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Tavo, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  30. gracias amigo por aclarar mis dudas . sigo todos tus articulos. estoy muy al pendiente de todo lo que subes estoy muy agradecido por tu ayuda.. un saludo desde venezuela

    ResponderEliminar
  31. uau!!!, me he quedado asombrada, me encanta esta plantilla me gustaría probarla
    este es mi correo eva4mat@gmail.com

    Muchísimas gracias por tus explicaciones

    ResponderEliminar
    Respuestas
    1. Hola, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  32. envíeme la plantilla ha: --> adrianredes.negocios@gmail.com

    Gracias por la obra, a seguir con la innovacion

    ResponderEliminar
    Respuestas
    1. Hola Adrián, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  33. hola amigo como puedo agregar un banner que no sea de adsense que no dañe el amp..

    ResponderEliminar
    Respuestas
    1. Hola Ana, sobre su pregunta, donde necesita ingresar el banner, en que parte lo va a ingresar, ademas déjeme la dirección URL de la imagen la cual va a insertar y así le enviare el código completo para que usted no tenga complicaciones

      Saludos.

      Eliminar
  34. para agregar un iframe.. te doy este codigo a-ads a ver dime tu como quedaria



    QUITA LAS X EN EL CODIGO

    ResponderEliminar
    Respuestas
    1. Hola Ana, no veo ningún código que me haya dejado, por favor remita su consulta directamente a la siguiente dirección: ayudadeblogger@gmail.com

      Con gusto le ayudare

      Saludos.

      Eliminar
  35. Hola, muchas gracias por tu aporte, pero tengo algunas dudas que no sé si por favor me pudieras aclarar.

    1. ¿Tú tienes en este blog ayudadeblogger una plantilla AMP pero según noto tiene algunos errores, son éstos generados a causa de tener activos los comentarios de blogger?

    2. ¿Has notado algún cambio en cuanto a posicionamiento y visitas al tener esta plantilla AMP instalada en tu blog ayudadeblogger, aun cuando presenta algunos errores en el AMP Validator?

    3. ¿Por qué decidiste conservar los comentarios de blogger? Aquí supongo que es porque esto puede ayudar al SEO según he leído, lo cual vendría a ser mi mayor "temor" de cambiar a una plantilla Responsive normal a una AMP en donde para aprovechar todas sus ventajas deba eliminar los comentarios de blogger. Porque pienso que entonces algunos comentarios no ayudarían en el posicionamiento en los motores de búsqueda puesto que no saldrían en la descripción (como a veces suele suceder). O no sé si sabes algo al respecto.

    Muchas gracias por tu labor y mucho éxito.

    ResponderEliminar
    Respuestas
    1. Hola Andy, sobre sus pregunta les respondo por orden:

      1.- Los errores que usted nota en el sitio web Ayudadeblogger.com son generados por el sistema de comentarios y por las entradas que no están validadas en Amp HTML, ya que Ayudadeblogger.com tiene muchas entradas y me demoraría mucho tiempo en corregir cada entrada.

      2.- He notado la velocidad con la que se cargan las entradas el sitio web ayudadeblogger.com ademas de los videos que se encuentran en la siguiente sección http://www.ayudadeblogger.com/p/video-tutoriales.html cargan rápido. y en las demas paginas de Ayudadeblogger.com . El sistema de SEO va perfecto no tiene ninguna complicación alguna al momento de encontrar el sitio web Ayudadeblogger.com en el buscador Google.com y demás.

      Los abandonos del sitio han mejorado por la carga rápida desde un teléfono inteligente


      3.- Se decidio conservar la caja de comentarios de Blogger en Ayudadeblogger.com por que realmente ayuda a los usuarios a solucionar sus preguntas, sin ellos no tendria sentido,

      Lo que si le puede decir es que Ayudadeblogger.com es 50% AMP HTML y el otro 50 % es HTML XML nomal.

      Usted puede activar el sistema de comentarios en su blog de eso no hay problema

      Ademas, lo que hace AMP HTML es aumentar la velocidad con la que se carga su blog y así disponer de un Blog rápido el cual tiene muchas ventajas.

      Usted puede tener en su blog parte AMP HTML y parte HTML normal, como usted puede ver en Ayudadeblogger.com , no se produjo abandonos y peor aun no hubo complicaciones a la hora de encontrar Ayudadeblogger.com en Google.com

      Así que no tenga miedo en que se le baje el posicionamiento de su blog en los resultados de busqueda, si usted realiza un buen trabajo en las entradas una buena descripción en los títulos y ser constante con contenido único, llegara al éxito.

      Espero haber llenado sus preguntas y haber sido claro

      Saludos.


      Eliminar
  36. Ah y lo olvidé, podrías por favor cuando puedas enviarme la plantilla al siguiente e-mail: ancezu0527@hotmail.com para poder probarla a ver qué tal me va. Muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Andy C Z, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  37. Hola. Muchas gracias por contestar y muchas gracias por el envío de la plantillas. Quería saber si podrías por favor contestarme estas últimas preguntas:

    1. Es obligatorio cambiar toda la estructura de cada una de las entradas (artículos) o de lo contrario me generará errores? o sea no basta solamente con montar e instalar la plantilla y realizar los cambios en la edición html?

    2. Se pueden colocar anuncios de adsense en medio de los párrafos de los artículos sin que se generen errores amp añadiendo los códigos en el html de la plantilla? Y de poderse, cómo se podría realizar? Habría que colocar entonces los códigos directamente en cada uno de los artículos?

    Muchas gracias por tu atención.

    ResponderEliminar
    Respuestas
    1. Hola Andy, sobre sus preguntas:

      1.- Si usted quiere tener la estructura completa en AMP HTML debera cambiar todo el codigo de cada entrada, pero si no quiere hacerlo puede dejarlo tal como esta. Como le mencione anteriormente lo que hace esta plantilla es mostrarse rápidamente.

      2.- Puede colocar los anuncios de adsense en Amp en las entradas, habilite en modo HTML la entrada y ahi ingrese el codigo de Adsense en Amp

      Saludos.

      Eliminar
  38. Hola Luis te pedí ayer la plantilla amp y todavía no la he recibido, Gracias.

    ResponderEliminar
  39. Respuestas
    1. Hola Jesús, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  40. Hola quisiera la plantilla AMP para mi blog desde ya muchas gracias.

    ResponderEliminar
    Respuestas
    1. Hola Roberto, con respecto a lo solicitado, debe dejar la dirección de su correo electrónico y con mucho gusto se le enviara la plantilla de Blogger en AMP

      Saludos.

      Eliminar
    2. Mi correo es roberc2793@gmail.com y de nuevo gracias por la pronta respuesta.

      Eliminar
    3. Hola Roberto, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  41. Muchas gracias por campartir esta platilla en AMP.
    Fueras tan amable de enviarve al correo: zalohuarachi@gmail.com
    Gracias saludos desde Bolivia

    ResponderEliminar
    Respuestas
    1. Hola Gonzalo, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  42. Hola, desde hace el 14 de enero tengo esta plantilla y me funciona muy bien. Ya tengo entradas que se ven en AMP. Tengo un par de dudas. En las entradas del blog no me suelen hacer comentarios pero haciendo una prueba en una entrada he visto que este comentario aparece en todas las entradas del blog. No se si lo he hecho bien. He creado una aplicación de comentarios de Facebook y he cambiado la ID del administrador además de lo que dice el tutorial de cambiar la ID de la caja de comentarios. La otra duda es que es mejor crear un dominio propio o un dominio blogspot.com (porque son HTTPS). He comprobado que la mayoria de blogspot.com se crean en AMP y en blogspot.com.es casi ninguna. También he visto que si miras en Google hay entradas duplicadas unas con la extensión .com y otras con la extensión .com.es.

    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola Angel, sobre la caja de comentarios se mostrara siempre la misma, ya que aun se esta trabajando en mejorar el código de presentación de los comentarios de facebook para cada entrada.

      Las entradas duplicadas que usted indica no refiere y no compromete en nada a su blog de Blogger, ya que cada extencion .es .mx, son redirecciones del país que lo están visitando, así que por ese lado no se preocupe

      Saludos.

      Eliminar
  43. Hola me gusta el trabajo quiero probarlos mi correo jhon.maldonado01@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Jhon, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  44. Creo que coloque el mensaje en el lugar equivocado. Por favor me podría enviar la plantilla a mi correo steseg@gmail.com? Gracias.

    ResponderEliminar
    Respuestas
    1. Hola Stella, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  45. Buen día, me podrían enviar la palntilla a mi correo....
    ahernandez@corporativotaam.com
    GRACIAS!

    ResponderEliminar
    Respuestas
    1. Hola Joseph, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  46. Por favor quisiera que me enviaran la plantilla en amp mi correo es geovannynach@gmail.com
    Muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  47. Hola, gracias por compartir...
    el mío es erick.pve@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Erickpve, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  48. Hola la plantilla tiene un diseño genial, por favor de gustaría tenerla. De antemano gracias. antonio.leopardiv@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Antonio, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  49. Hola Luis Chavez, desde hace mucho tiempo leo los tutoriales que escribes, te felicito por tu trabajo y entrega. me gustaria tener esta plantilla, mi correo robertocarlosventurapaulino@gmail.com Gracias de antemano y Dios te bendiga por tu esfuerzo. Saludos desde la Republica Dominicana.

    ResponderEliminar
    Respuestas
    1. Hola Roberto, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  50. Hola Que tal , quisiera probar nuevamente esta plantilla, se ve interesante mi correo es: edaudi.golara@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  51. Hola, le necesito por fa! este es mi correo jorgebautistae@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  52. Me puedes mandar la plantilla. Gracias redactores11@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Manuel, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  53. Te estoy muy agradecido Luis por tu trabajo. Gran plantilla. Pero cuando lo voy a validar me arrojaba varios errores que he ido solucionando menos estos. No se permite la etiqueta "script", excepto en algunos formularios específicos.
    "4 instancias
    Línea 1895:0
    script src="/js/cookiechoices.js" defer /script
    Línea 1896:0
    script
    Línea 1907:0
    script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2472851610-widgets.js" /sc ript
    Línea 1908:0
    script type='text/javascript'>"
    Como los puedo solucionar. Saludos

    ResponderEliminar
    Respuestas
    1. Hola Manuel, al abrir su blog desde España con la extencion .es se habilita automáticamente el sistema de uso de cookies, pero si solo muestra el blog en .com no le mostrara dicho error

      Saludos.

      Eliminar
  54. Saludos, Mr. Luis. Excelente tutorial, ¡le felicito!

    Favor compartir su plantilla al correo michaelrosario.official@gmail.com

    ResponderEliminar
  55. Saludos, muy buen aporte. ¡le felicito!
    Favor compartir su plantilla a michaelrosario.official@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Michael, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  56. Amigo podria por favor compartirme su plantilla? napsterdarkhd@gmail.com

    creo que ahora ese blog redirecciona a http://www.amphtmlenespanol.com/ me ha encantado esa plantilla!

    ResponderEliminar
  57. muy buena plantilla me lo podrias enviar? vidalsernaque@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Elisandro, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  58. Greetings, very good contribution. I congratulate!
    Please share your template to businesseditor@intelliegntindia.in

    ResponderEliminar
    Respuestas
    1. Hi BUSINESS EDITOR, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
    2. Hola, su correo electrónico no es el correcto, por favor remita una dirección de correo electrónico valido.

      Saludos.

      Eliminar
  59. Hola me podria mandar su plantilla , gracias

    ResponderEliminar
  60. me podria mandar su plantilla gracias. any.lorenita1@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Linda Girl, gracias por escribir, se el envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Saludos.

      Eliminar
  61. Hola amigo muy buena plantilla, a ver si me lo compartes mi correo es jmta.spk@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola, se le envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  62. Hola Luis
    Muy Buena plantilha. Saludos desde Brasil
    alagoasreal@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola Mário, se le envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  63. Hola luis buena plantilla, puede enviarme la plantilla al siguiente correo: agrohuancavelica@hotmail.com

    ResponderEliminar
    Respuestas
    1. Hola, se le envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  64. Hola buenas tardes. Me la podras enviar a 123testeos@gmail.com

    Gracias

    ResponderEliminar
    Respuestas
    1. Hola MrWeb, se le envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  65. Hola, solo para felicitarte, muy didactico, y tocas los puntos principales que usamos los editores de blog :) ..... Muy genial

    ResponderEliminar
  66. Hola Luis, buenas noches, estuve viendo tu vídeo, me parece excelente muy bien explicado, por favor podrías brindarme la plantilla a info@t-conecta.com , estaré muy agradecida, saludos

    ResponderEliminar
    Respuestas
    1. Hola T-Conecta Perú, se le envió la plantilla a su dirección de correo, por favor revíselo.

      Saludos.

      Eliminar
  67. Hola Luis. He aplicado algunas de tus soluciones y tambien utilice hace unos años una de tus plantillas con buenos resultados. Ahora estoy procurando la aprobacion de los Articulos Instantaneos en Facebook que utilizan el marcado de AMP segun me parece.
    En todo caso me gustaria probar esta plantilla en mi blog para aligerar la carga en dispositivos moviles y tambiem me gustaria ver como puedo adaptarla al marcado de Facebook de articulos instantaneos.
    Agradecere tus sugerencias y que me envies la Plantilla de AMP a este correo por favor: alfonsoalvares95@gmail.com.
    Te felicito porque te haz mantenido orientando a otros bloggers como yo en estos ultimos años. Saludos

    ResponderEliminar
  68. gracias por la plantilla, esta excelente Dios te bendiga...

    ResponderEliminar