jueves, 5 de julio de 2012

Botones flotantes para compartir de facebook, twitter y google +1

Aunque ya existen muchas formas y métodos para añadir botones flotantes con las redes sociales, no hay nada de malo con que el post de hoy este relacionado con ello ._. bueno les traigo tres botones flotantes todos en orden:

Bueno este viene en modo flotante, fíjate que así subas o bajes  el botón siempre estará hay intacto y en funcionamiento con las tres principales redes sociales...bueno veamos como instalarlos:

Entra Diseño | Edición de HTML, marca Expandir Plantillas y artilugios y pegar antes de ]]></b:skin> lo siguiente:

table#RedesSociales{
position:fixed;
top:150px; 
left:5px; 
z-index:200;
}

Ahora busca esta línea:

<!-- clear for photos floats -->

Y debajo de ella agrega esto:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<table border='0' cellpadding='6' id='RedesSociales'><tbody>

<tr><td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=box_count&amp;show_faces=false&amp;width=73&amp;height=63&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:73px; height:63px'/></td></tr>

<tr><td><a class='twitter-share-button' data-count='vertical' data-lang='es' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></td></tr>

<tr><td><script src='http://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></td></tr>

</tbody></table>
</b:if>

Guarda y listo. Espero os guste :D

0 comentarios:

Publicar un comentario

SÍGUENOS EN: