Agregar el Botón de Google+ en tu Blog.

Google acaba de lanzar en el menú de diseño de Blogger los botones de Google+ e insignia. La particularidad del botón es que enlaza directamente con nuestro blog por lo que lo remienda en su totalidad, no solo la página de entrada.

La insignia del perfil, permite que una persona pueda seguirnos directamente sin tener que entrar al el. Así los lectores pueden añadirnos a sus propios círculos.

En Oloblogger, explican muy bien de que se trata y como implementarlo, y nos comenta que no es una cuestión menor ya que finalmente el posicionamiento de tu blog se ve afectado de acuerdo a los lectores que han hecho clic en tu botón, ya que los resultados marcados se acercan a las primeras páginas cuando han sido votados.

Karla de Compartidisimo también ha hecho una entrada muy completa al respecto, por lo que no tiene sentido que me explaye aún más. En ella nos comenta como instalar el botón y la insignia de manera muy fácil.

Y para quienes no siempre estamos conformes, podemos dirigirnos a Google Developers y complicarnos un poco la vida para tener un resultado mas a nuestro gusto, aquí podemos elegir distintos tamaños, formas, y diseños. Si queremos, podemos vincularlo a una página en concreto o a la página principal del blog, etc.

Aquí les dejo un ejemplo de algo alternativo, ustedes pueden personalizarlo cambiando el color de la fuente, tamaño, color de fondo.

Marcos Gratis en

Aquí el código:
<center><a href="https://plus.google.com/ID de tu perfil?prsrc=3" style="background: url(URL o Color de Fondo); border: 1px solid #000; color: #333333; cursor: pointer; display: inline-block; font: 16px Arial; letter-spacing: .2em; margin-bottom: 5px; padding: 5px; text-decoration: none; width: 300px;"><span style="display: inline-block; margin-right: 5px; margin-top: 65px; vertical-align: top;"> Tu Nombre</span><img alt="" src="https://ssl.gstatic.com/images/icons/gplus-32.png" style="border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; height: 32px; margin-top: 4px; width: 32px;" /></a></center>

Si te gustó compártelo en tu red social o recomiéndalo en Google!!!

0 comentarios:

Dí lo que piensas...

Tus comentarios ayudan a mejorar este Blog.