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.

Plantilla para Blogger en Amp

¿Qué incluye Plantilla de Blogger en Amp?

SEO
Diseño Responsive en Amp
Estructura completa en AMP HTML
Botones compartir en las redes sociales en 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


Plantilla para Blogger en Amp

¿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

Plantilla para Blogger en Amp

A continuación pueden ver su demostración en el siguiente blog


¿Cómo descargar la plantilla?

Tendrá que dejar un comentario pidiendo que se le envíe la plantilla, para ello, deje un mensaje incluyendo su dirección de correo electrónico, en un término de 12 horas se le enviara el archivo XML de la Plantilla de Blogger en Amp.

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:


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



1 Instalar la Plantilla

1.1 Ir a Blogger.com

1.2 Un clic en Plantilla

Plantilla para Blogger en Amp

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

Plantilla para Blogger en Amp
Plantilla para Blogger en Amp

4 Un clic en “Examinar”

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

Plantilla para Blogger en Amp

6 Un clic en “Subir”

Plantilla para Blogger en Amp

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:

Plantilla para Blogger en Amp

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

Plantilla para Blogger en Amp

Cambiar la imagen principal Parallax:

Plantilla para Blogger en Amp

Busca este código:

/* Parallax */

Imagen de ejemplo:

Plantilla para Blogger en Amp


- 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

Plantilla para Blogger en Amp

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:

Plantilla para Blogger en Amp

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 Facebook

Plantilla para Blogger en Amp

Busque el siguiente código:

https://cdn.rawgit.com/Luis-Chavez/Comentarios-Facebook-Amp/master/.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/Comentarios-Facebook-Amp/master/.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

Plantilla para Blogger en Amp

Guardar la plantilla

Plantilla para Blogger en Amp

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

Plantilla para Blogger en Amp

- Un clic en editar en el Gadget entradas del blog

Plantilla para Blogger en Amp

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

Plantilla para Blogger en Amp

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

Plantilla para Blogger en Amp

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 />
<div class="adb-justificar">
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 />
<br />
<div>


¿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:

<div class="adb-justificar">
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 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 />
</div>

¿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://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.

- 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

Plantilla para Blogger en Amp

1.1 Un clic en Páginas

Plantilla para Blogger en Amp

2.1 Un clic en Página Nueva

Plantilla para Blogger en Amp

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:

Plantilla para Blogger en Amp

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

Plantilla para Blogger en Amp

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

Plantilla para Blogger en Amp

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.

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

Enviar por correo
  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. 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

Discusión:

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) Amp en Blogger (7) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) 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 (19) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (4) 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 (11) Material Design Blogger (8) 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 (43) Plantillas Landing page para Blogger (4) 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 (74) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Copyright © - Ayudadeblogger.com

 

Inspiración

Tecnología

Contactos

+593 994589032