miércoles, 1 de junio de 2011

Añadir el botón +1 (PlusOne) de Google en Blogger



Desde hace un par de meses Google había anunciado un botón llamado Plus One (+1) el cual funcionaría como el botón 'Me gusta' de Facebook, o sea que, al ver los resultados en una búsqueda podríamos ver cuántas personas han recomendado algún enlace de los resultados y nosotros mismos también valorar los enlaces que más nos gusten.

El botón ya ha sido lanzado, y como lo han anunciado en Blogger Buzz ya está disponible también en Blogger.


El botón estándar viene incluido dentro de los botones de compartir de Blogger, si aún no los tienes sólo ingresa en Diseño | Elementos de la página, da click en Editar sobre el elemento Entradas del blog y ahí marca la casilla de los botones.


Si ya tuvieras los botones pero no ves el botón Plus One, entonces agrega después de <head> esta línea:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>

Si por el contrario no quieres tener ese botón, pero quieres conservar los demás botones de compartir de Blogger entonces agrega antes de ]]></b:skin> esto:
.dummy-container {display:none;}

También podemos usar el botón Plus One en otra parte, por ejemplo arriba de las entradas, y podemos usar un botón más grande.


Para poner el botón de esta forma entra en Diseño | Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:
<div class='post-header'>
Justo debajo de ella pega lo siguiente:
<div style='float: right; padding:10px;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone expr:href='data:post.url' size='tall'/>
</div>

Si quisieras que el botón sólo se vea en las entradas individuales entonces usa este código:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float: right; padding:10px;'>
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone expr:href='data:post.url' size='tall'/>
</div>
</b:if>

Hay 4 tamaños diferentes de los botones, el estándar es el que se usa en los botones de compartir, pero si pones este último botón puedes cambiar el tamaño tall que es el más grande, por small (pequeño) o medium (mediano).

SmallMediumStandardTall


Si has elegido poner el botón arriba de las entradas y usas una plantilla del Diseñador entonces quizá no te permita hacer click en el botón, para solucionarlo busca esta parte y elimina lo que está en negrita:
.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}
Si tienes dudas sobre el botón Plus One visita la página de preguntas frecuentes que Google ha puesto a disposición de todos:
http://www.google.com/support/webmasters/bin/answer.py?answer=1140194

No hay comentarios:

Publicar un comentario