Botones flotantes para compartir de Facebook, Twitter y Google +1

Botones flotantes para compartir de Facebook, Twitter y Google +1

Hola amigos visitantes del blog, he visitado muchos blog y he visto que tienen esta opccion muy buena para que puedan compartir nuestros post con otros amigos por medio de las redes sociales y asi tener mas visitantes y lectores de nuestro blog, El primer código sera para que pudan compartir nuestras entradas y la segunda es para que puedan compartir todo nuestra pagina osea todo el blog.

Nuestro primer paso sera entrar en Diseño // Edición de HTML, marcar la casilla Expandir plantillas de artilugios, y pegar antes de ]]></b:skin> lo siguiente:

table#RedesSociales{

position:fixed;

top:150px;

left:5px;

z-index:200;

}

Ahora tenemos que Buscar este Código:

Justo Debajo De Ese Código Se Agrega El Siguiente Código:

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

<tr><td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=box_count&show_faces=
false&width=73&height=63&action=like&font=tahoma&colorscheme=light"' 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>

Listo ahora Guarda los cambios y de una vista previa a cualquier Post y aparecerá la barra flotante al lado Izquierdo.

ahora vamos con el código 2 que sirve para compartir todo el blog:

<table border='0' cellpadding='6' id='RedesSociales'><tbody>

<tr><td><iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=http://nombre-de-mi-blog.blogspot.com&layout=box_count&show_faces=false&width=
73&height=60&action=like&font=tahoma&colorscheme=light' style='border:none; overflow:hidden; width:73px; height:60px'></iframe></td></tr>

<tr><td><a class='twitter-share-button' data-count='vertical' data-lang='es' data-text='Título del blog' data-url='http://nombre-de-mi-blog.blogspot.com' 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 href='http://nombre-de-mi-blog.blogspot.com' size='tall'/></td></tr>

</tbody></table>

Recordando que en ambos códigos podemos cambiar la posición con left por right
y si tienen un dominio propio en ves de blogspot.com pueden poner la extencion de su dominio.

Cualquier anomalía pueden dejar un comentario en este Post y yo les ayudare Gracias por la visita.

--------------------------