¿Quieres colocar Botones
de redes sociales flotantes en tu Blogger?
Mirando mucho en la red me di cuenta que no está claro o no es directa la información de cómo colocar una caja flotante de bonotes de las redes sociales en el blog.
Aun que muchos ya saben, hay personas que apenas están incursionando en el mundo web y están utilizando estos elementos para crear o mejorar sus blogs,
por ello les mostrare la
forma que encontré para colocar una caja flotante de los botones de las redes
sociales.
1/ Primer paso, abrir el blogger y ubicarse en la parte de diseño (entrar en la
pestaña diseño)
2/ Segundo paso, Añadir un gadget (HTML / JAVASCRIPT)
3/ Tercer paso copia el siguiente código en el gadget
<style>
#pageshare {position:fixed; bottom:15%; left:10px;
float:left; border: 1px solid black;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0
0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0
5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner
{-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small
{width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px
2px 3px
!important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share This With Your
Friends">
<div class='sbutton' id='gb'>
<script src="LA URL DE TU PERFIL DE FACEBOOK "></script><fb:like
layout="box_count" show_faces="false"
font=""></fb:like></div>
<div class='sbutton' id='rt'>
<a href=" LA URL DE TU PERFIL DE TWITTER"
class="twitter-share-button" data-count="vertical"
>Tweet</a><script src='http://platform.twitter.com/widgets.js'
type="text/javascript"></script></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src=" LA URL
DE TU PERFIL DE GOOGLE + "></script><g:plusone
size="tall"></g:plusone></div>
<div class='sbutton' id='digg'
style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js'
type='text/javascript'></script><a class="DiggThisButton
DiggMedium"></a></div>
<div class='sbutton' id='fb'>
<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>
<br/><div style="clear: both;font-size:
9px;text-align:center;">
<a
href="http://www.bloggingtipsnow.com/2012/02/floating-sharing-button-with-stumble.html"
target="blank"><font color="black">[Get
This]<font></font></font></a></div>
</div>
Recuerda cambiar lo que está en amarillo por las url de tus redes sociales.
4/ Cuarto guardas y das previsualizar en el blog.
Listo, eso es todo. Guarda la configuración y míralo.
Espero que les sirva..
No hay comentarios:
Publicar un comentario