Algo mas del nuevo botón share de Google+

Como hace unos dias les habia dicho hacerca del nuevo botón  de google +,hoy les quiero aclarar algo acerca de este nuevo boton share,compartir de esta red social este puede ponerse en cualquier página web ,con la diferencia que con este no van a marcar las entradas con un +1 ahora al dar click en este boton share van a compartir la entrada directamente en Google Plus.


Por defecto, el código que nos brinda es así:

<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share"></div>

<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'es', parsetags: 'onload'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Pero para las personas que ya tengan agregado el script con el botón de Google +1, el script de este boton es innecesario por lo tanto, bastara con solo colocar el codigo de esta forma, En donde quisiéramos que se muestre:

le vamos a añadir el maximo total width='85'

<g:plus action='share' width='85'></g:plus>

Con este codigo se compartira solo la dirección URL  donde se encuentre el botón, ejemplo la pagina principal, para que aparesca en todas las entradas y compartir individualmente,

El que lo quiera poner después del titulo antes de la entrada buscamos lo siguiente:

<div class='post-header-line-1'/>

El que lo quiera poner al final de cada entrada buscamos el siguiente codigo:

<div class='post-footer-line post-footer-line-1'>

una ves decidido por el lugar en donde quieren colocarlo añadimos el siguiente codigo:

<g:plus action='share' expr:href='data:post.url' width='85'></g:plus >




Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

0 comentarios:

Publicar un comentario