Siempre es bueno tener varias opciones para poder compartir
el contenido de nuestro blog con la mayor cantidad de usuarios en la red. Como
ya lo hicimos antes con el botón “me gusta” de Facebook, que es más práctico
que el de compartir, ahora también Google nos permite poner su botón compartir
de google+ (el equivalente a “me gusta” de Facebook) en nuestro blog para que
los lectores recomienden nuestra página,
y al mismo tiempo nos ayuden a promocionarla mejor.
Aquí les dejo dos modelos de botones y ustedes verán por
cual se deciden.
Primer botón
<!-- Coloca esta etiqueta en la cabecera o justo antes
de la etiqueta de cierre "body". -->
<script
type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<!-- Coloca esta etiqueta donde quieras que se muestre
el botón +1. -->
<g:plusone
annotation="inline"></g:plusone>
Segundo botón
<div align='right'><!-- Place this tag in the <head> of your document --><link href="https://plus.google.com/117393415183058087935"
rel="publisher" /><!-- Place this tag where you want the badge to render --><a
href="https://plus.google.com/117393415183058087935?prsrc=3"
style="text-decoration:none;"><img src="https://ssl.gstatic.com/images/icons/gplus-32.png"
alt=""
style="border:0;width:32px;height:32px;"/></a></div>
Lo que está en rojo es un condicional para que el botón quede alineado a la derecha. Si lo quieres a la izquierda, solo borra esa parte y listo; lo que está en naranja deberás cambiar por la dirección de tu página en google plus.
Pueden ponerlo en el sidebar como cualquier gadget,
eligiendo Diseño, Añadir gadget html-javascript; allí pegan el código que
escogieron, o también pueden ponerlo
abajo o arriba de las entradas, para ello deberán ir a Diseño, Edición html, y
con los artilugios expandidos, buscan lo siguiente si quieren el botón debajo
de las entradas:
<div class=’post-footer-line
post-footer-line-3’/>
Justo debajo pegan el código; y si quieren el botón arriba
de las entradas, busquen lo siguiente, no olviden los artilugios expandidos:
<div
class='post-header-line-1'/>
Justo debajo pega el código del botón. En una plantilla personalizada si quieres el botón arriba de
las entradas talvez tengas que buscar el siguiente código en tu plantilla:
<div class='post-body entry-content' expr:id='"post-body-"
+ data:post.id'>
<data:post.body/>
Justo arriba de eso pega el código, das en vista previa y si todo está ok das en guardar
Gracias por el boton G+, ya lo puse en mi blog: http://sefelizatodacosta.blogspot.com, ojalá me des un +1.
ResponderEliminarSe feliz a toda costa: Gracias a ti por visitar Bloger & Bloger. Un dia de estos me doy una vuelta por tu blog. Suerte... Y gracias por tu comentario.
EliminarTen paciencia que los +1 llegarán, ya lo verás.
Eliminar