Cómo poner el botón +1 de Google en tu blog

By Stanly , 0 comentarios


Pasos para poner el botón +1 de Google en el blog (Blogger):


 Método 1. Usando los botones de compartir

 Para aquellos blogs (no es mi caso) que no tienen botones personalizados como los que aparecen en este blog al pie de cada entrada, hay una forma muy sencilla y es habilitar los botones de compartir por defecto de las nuevas plantillas de blogger.
Habilitar los botones de compartir en cada entrada del Blog

• Abre la pestaña "Diseño"
• En "Entradas del Blog" pulsar "Editar"
• Marcar "Habilitar botones de compartir"
• Guarda la plantilla y visualiza el blog
• Debes ver bajo cada entrada la siguiente barra de botones:

Método 2. Utilizando un código Javascript y personalizando la plantilla

 1. Código para la sección "Head" del blog
• Abre la pestaña "Plantilla" y luego "Edición de HTML"
• Pulsa "Descargar plantilla completa" para hacer una copia de seguridad
• Presiona "Expandir plantillas artilugios" pero en el nuevo diseño HTML no es  necesario ya que esta función ya no esta disponible.
• Busca con ayuda del navegador (Ctrl F o Ctrl B) esta cadena </head>, en caso de que no puedan localizar la cadena </head>, deveran localizar esta otra cadena <head>...</head> (se encuentra facilmente al comienzo de el codigo HTML) localizada le hacemos doble click, o un click a "►" que les aparecera al lado izquierdo del codigo, despues de hacer eso ya podremos localizar la cadena </head>, en algunos casos no es necesario hacer este procedimiento y se puede buscar directamente.

Pega justo antes de la linea anterior el siguiente código:

Código HTML



Guarda la plantilla y visualiza el blog.
Tamaño del botón:
Además del tamaño mediano (medium), si quieres puedes probar con otras dimensiones.  Sustituye la palabra medium resaltada en rojo por estas otras opciones:
Pequeño: small
Enorme: tall
Normal: déjalo en blanco, es decir size=''

Visita la página oficial del botón +1 de Google para ver otras opciones

2. Código del botón para ponerlo en cada entrada

 Ahora buscamos esta cadena:

 • Para colocarlo al pie de la entrada: post-footer-line post-footer-line-1
• Para colocarlo en la cabecera de la entrada: post-header-line 

 Elegimos uno de esos códigos y justo debajo ponemos  lo siguiente:

Código HTML



3. Guarda la plantilla y visualiza el blog

Derechos de Autor

Contenido del blog

¡¡Gracias por visitar esta entrada!, Ten en cuenta que este sitio web o blog Esta diseñado para ofrecer descargas 100% seguras y funcionables las cuales son producto de recopilación de distintas fuentes y webs.


0 comentarios :

:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd
Suscribirse a: Enviar comentarios ( Atom )