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í:
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'
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:
El que lo quiera poner al final de cada entrada buscamos el siguiente codigo:
una ves decidido por el lugar en donde quieren colocarlo añadimos el siguiente codigo:
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 >
