domingo, 12 de diciembre de 2010

Agregar botones flotantes para compartir en blogger

En este tutorial sólo usaremos las propiedades de estilo CSS para agregar los botones flotantes para compartir tus entradas de blogger.


Floating share buttons

1. Ir a diseño > Editar HTML “Expandir Widget Templates”. Añadir justo antes de ]]></b:skin>:




#sharebox {

float: left;

margin-left: -80px;

position: fixed;

background: #fff;

}

#sharebox .wdt {

float: left;


clear: left;

padding: 5px;

}




2. Buscar y añadir antes:

<b:if cond='data:blog.pageType == "item"'>

<div id='sharebox'>

<div class='wdt'> Script for Retweet Button </div>

<div class='wdt'> Facebook </div>


<div class='wdt'> StumbleUpon </div>

<div class='wdt'> Digg </div>

</div>

</b:if>



Todo lo que tienes que hacer es agregar los botónes de compartir entre “<div class=’wdt’> </div>

Por ejemplo:

<div class='wdt'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
Para Comentar Elige el Sistema de Comentario de tu Agrado:
comentarios google
comentarios blogger
comentarios facebook

Comparte este post con tus amigos!

...o también puedes seguir el blog en:

No olvides suscribirte, para recibir todas mis actualizaciones, directamente a tu email.

Ingresa tu correo electrónico:

Recuerda confirmar tu suscripción, haciendo click en el enlace que recibirás por email.

1 comentarios:

Anónimo

Hola, todo me sale bien pero cuando pruebo mi Blog en IE sale mal.

Probe el tuyo y sale bien en IE.

Te remarco que en mi blog sale mal en IE
A que se debe??

Comparte tu opinión con los demás, deja un comentario. ↓

Los comentarios son moderados, si contienen insultos o son ofensivos no se publicaran.

Es muy importante saber tu opinion sobre lo que se publica en este blog asi que POR FAVOR DEJA TU COMENTARIO.

Comentar es facil, simplemente escribe tu comentario en el cuadro de abajo, trata de comentar con tu perfil abilitado o donde dice Comentar como: selecciona Nombre/URL escribes tu nombre y listo!! (URL puede dejarse en blanco)

:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t Add smileys to Blogger +

 

©2009 - 2013 Pichujitos | Theme diseñado por chicoloco123 para Fuutec.com | Ir arriba ↑