¿Cómo insertar el botón +1 de Google+ en Amp?


La facilidad con la que se ha optimizado el código y así no tengan un solo inconveniente al momento de insertar el botón +1 de Google+ en Amp y compartir la dirección URL de su blog en la página social de Google, es lo que aprenderán en este tutorial de Blogger.

Información

Lo que vamos hacer es copiar un código valido en Amp y lo ingresaremos en un widget HTML/Javascript, realizara un solo cambio, deberá insertar la dirección URL de su blog de Blogger para que los visitantes que lleguen a su blog puedan compartir su blog en la red social Google+ y así conseguir más seguidores en su blog.

¿Cómo insertar el botón +1 de Google+ en Amp?

A continuación puede ver su demostración en el siguiente blog, el botón +1 de Google+ en Amp está ubicado al final del sidebar
Video tutorial

Empezamos

1 Un clic en Diseño

¿Cómo insertar el botón +1 de Google+ en Amp?

2 Un clic en Añadir un gadget

¿Cómo insertar el botón +1 de Google+ en Amp?

3 Se le abrirá una nueva ventana en la cual tendrá que escoger al widget HTML/Javascript y abrirlo

¿Cómo insertar el botón +1 de Google+ en Amp?

4 Ingrese el siguiente código valido en Amp

<amp-iframe width='290'
      height='120'
      sandbox='allow-scripts allow-same-origin allow-popups'
      frameborder='0'
      scrolling='yes'
      src='https://cdn.rawgit.com/Luis-Chavez/boton-mas-1-google-en-amp/271645c3/.html?user=http://www.ayudadeblogger.com/'>
  </amp-iframe>

Realice el siguiente cambio:

Cambie a dirección URL que está marcado de color amarillo y remplácelo por la dirección URL de su blog de Blogger

5 Un clic en Guardar

6 Ubique su nuevo Gadget Botón +1 de Google+ en Amp justo al final del sidebar

Aún no hemos terminado, ahora para que nos muestre sin un solo error nuestro nuevo widget, tendremos que realizar lo siguiente:

1 Un clic en Plantilla

¿Cómo insertar el botón +1 de Google+ en Amp?

2 Un clic en “Editar HTML

¿Cómo insertar el botón +1 de Google+ en Amp?

Ahora se le abrirá el Editor HTML de su plantilla

¿Cómo insertar el botón +1 de Google+ en Amp?

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.

¿Cómo insertar el botón +1 de Google+ en Amp?

3 Busca este código

<b:include name='quickedit'/>

4 Una vez que haya encontrado el código, proceda a eliminarlo

¿Cómo insertar el botón +1 de Google+ en Amp?

5 Un clic en Guardar plantilla


Ahora es momento de mirar nuestro blog de Blogger y disfrutar de este nuevo widget de Blogger en Amp

Nota importante: este truco de Blogger sirve solo para los usuarios que disponen de la Plantilla de Blogger en Amp

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

Enviar por correo

0 comentarios:

Publicar un comentario en la entrada

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 (6) 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 (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 (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 (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 (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

0994589032