Wednesday, June 1, 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 comments:

Post a Comment