colocando botões de compartilhamento flutuante com contadores no blogger

Olá amigos blogueiros, hoje vou mostrar como colocar botões de compartilhamento flutuantes com contadores.

Sabemos que as Redes Sociais estão dominando a web e então nada melhor do que você disponibilizar em seu blog botões de compartilhamento, caso o visitante queira compartilhar o conteudo que ele está lendo.

Eu mesmo uso bastante quando quero compartilhar minhas postagens, muita das vezes estou logado no meu twitter pessoal ou no twitter aqui do blog e aproveito os botões para partilhar as idéias e você vai ficar de fora? claro que não né?

Pesquisei em vários blogs e sites conseguir os códisgos mais não estava do jeito que eu queria então fiz algumas modificações, exemplo o botão Curtir estava em ingles LIKE e não é legal prefiro curtir, e além disso muitas pessoas não compreende.

Coloquei os botões mais ultilizados twitter, facebook e google+

Vamos a dica :

Vá até elementos de página adicionar gadget HTML javascript cópie e cole o código abaixo.

<!--SideBar Floating Share Buttons Code Start-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 0px solid black; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;background-color:#fff;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="Compartilhe isso com seus amigos">
<div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweetar</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/pt_BR/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>
<div class='sbutton' id='fb'></div><br/></div>
 

Não altere nada a não ser que seu blog tenha uma cor de fundo escura ou de outra cor, sendo assim altere a cor do background.

Sobre o Autor



Confira Todas Postagens de Elielton Queiroz Clique Aqui...

Share :

• Tweet

Related posts

colocando botões de compartilhamento flutuante com contadores no blogger

Description: colocando botões de compartilhamento flutuante com contadores no blogger Rating: 4.5 Reviewer: Unknown ItemReviewed: colocando botões de compartilhamento flutuante com contadores no blogger

Al

Mbah Qopet Updated at: 13:07