jueves, 2 de junio de 2011

Google +1: El botón de me gusta de Google - Agregarlo a Blogger y otros sitios

El nuevo botón social de Google conocido como Plus One o G +1, es nuevo valor que se establecerá el Social trust rank (Rango de confianza social) en los resultados de Google, vendrá como un anuncio de recomendación bajo el enlace y desde luego esa información podría usarse como un valor para establecer sitios de confianza que afecte sensiblemente los resultados.

Para instalarlo en Blogger y otros sitios debemos ir al sitios de Google Plus One, elegir el tamaño, el lenguaje y luego pulsar en Opciones Avanzadas y en Analizar, elegimos Explicit, si elegimos onload, en Blogger aparecerá en algún lugar de "post-footer-line- (Elimínelo)" El manejo correcto con Blogger lo explicaremos más adelante-:
Aparecerán tres fragmentos que deberemos pegar en el código HTML de nuestra Web:

El primero se inserta dentro de la etiqueta <head> y </head>:
<!-- Añade esta etiqueta en la cabecera o delante de la etiqueta body. -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'es', parsetags: 'explicit'}
</script>
Y los dos siguientes se ponen juntos en la misma etiqueta, por ejemplo en una div:
<!-- Añade esta etiqueta donde quieras colocar el botón +1 -->
<g:plusone></g:plusone>
<!-- Añade esta llamada donde sea necesario -->
<script type="text/javascript">gapi.plusone.go();</script>
Si quieres podrías presentarlo de esta forma:
 <div id='pluso'>
<g:plusone/>
<script type="text/javascript">gapi.plusone.go();</script>
</div>
En la parte de estilo puedes agreguen
#pluso
{
-- Sus estilo --
}
Yo en los estilos he usado position:absolute para moverlo por la plantilla de blogger, sin hacer modificaciones a mi plantilla, pero hay que eliminar primero el código que por defecto nos pone Blogger.

En la etiqueta <g:plusone/> tiene tres tamaños adicionales al tamaño normal, agregando size="tall", size="medium" y size="small" a <g:plusone />, si quiere ocultar el contador agregan  count="false", dejándolo como <g:plusone size="tamaño"  count="false" />

No se puede aplicar estilos directamente sobre las clases generadas g:plusone, porque se generan en un iframe.

Comentarios y Consultas

Los mensajes son moderados serán revisados antes de publicarse.

Este no es un foro de adolescentes, no uses letras en vez de palabras completas como "q" en vez de "que", ni escribas tus mensajes en mayúsculas, se respetuoso con los demás, si no estás de acuerdo no comentes.

Una cosa es que no te guste una crítica, otra que uses un lenguaje inapropiado para demostrarlo. No me siento en la obligación de publicar ningún mensaje en específico o de leerlo entero si usas palabras altisonantes.

Termina la serie Grimgar de Fantasía y Cenizas

Grimgar de Fantasía y Cenizas (2016)Llegó a su fin Grimgar de Fantasía y Cenizas luego de doce episodios.

[Leer artículo...]

One Punch Man OVA 4 (2016): Review y crítica

One Punch Man OVA 4 (2016): Review y críticaY llega una nueva adaptación de personajes del universo marvel, una divertida aventura espacial.

[Leer artículo...]

Gate: Segunda temporada (2016): Episodio 12 Final: Reseña y crítica

Gate: Segunda temporada (2016): Episodio 12 Final: Reseña y críticaLas aventuras de Itami y sus amigos llega a su fin con el rescate de Piña de las manos de Zorzal.

[Leer artículo...]

Desaparecida: Boku Dake ga Inai Machi (2016) Episodio 12 Final - Reseña y crítica del anime

Desaparecida: Boku Dake ga Inai Machi (2016)Satoru descubre al culpable de la trama, es el momento de enfrentarse y tendrá que dar todo de sí para cambiar su suerte.

[Leer artículo...]

  © Cgnauta | CGsign blog | [Ver Licencia de uso] | Matius Lenin, Creative Commons, algunos derechos reservados

Regresar ARRIBA  

Vistas desde Mayo 2009

▼/▲ Archivo del Blog

Visitas totales

Información

IBSN: Internet Blog Serial Number 01-77-94-2008

Esta plantilla es creada y diseñada por Matius Lenin para CGnauta blog. Con Scripts de JQuery bajo licencia GNU/GPL. CGnauta es una marca registrada propiedad de Matius Lenin.

Anexos

Bitacoras.com