Botões das Redes Sociais na Vertical - Compartilhar Posts
Atendendo ao pedido feito em um comentário deste blog fizemos o tutorial mostrando como colocar botões das redes sociais fixos no canto da pagina, mas surgiu outro assunto interessante nos comentários deste tutorial: como fazer os botões do addthis ficarem um embaixo do outro em vez de ficar na horizontal. Aproveite e veja também como colocar o Gadget com Botões Flutuantes de Redes Sociais no Blogger.
Por isso hoje vamos mostrar como colocar botões das redes sociais no seu blog na posição vertical usando o AddThis(Botão para as redes sociais - AddThis) como no outro tutorial que mencionamos no inicio, alias é mais fácil do que parecia deixar os botões um embaixo do outro no seu blog.
Você só precisa retirar o código da formatação dos botões e colocar desta forma:
Lembramos que esse código deve ser colocado pela pagina design, adicionar gadget, html/javascript e não importa a posição do gadget os botões aparecerão no canto da pagina.
Se não quiser mostrar o contador é só apagar as linhas:
<div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
Caso queira os botões no tamanho pequeno retire o trecho _32x32 da linha: <div class="addthis_32x32_style"> , deixando desta forma: <div class="addthis_style">
Sobre blogs e redes sociais leia também:
Usar Melhor as Redes Sociais da Internet - Mídias Sociais
Botão das Redes Sociais para Wordpress, Blogger, Firefox e muito mais
Download de Icones para Redes Sociais (Twitter, Facebook, Orkut)
Queremos agradecer ao comentário feito pelo Emerson que além da idéia deste tutorial nos ajudou fazendo testes com a retirada de trechos do código do addthis e fazendo novos comentários dizendo as soluções que encontrou. Esperamos que gostem desta nova forma de usar os botões das redes sociais no seu blog.
Por isso hoje vamos mostrar como colocar botões das redes sociais no seu blog na posição vertical usando o AddThis(Botão para as redes sociais - AddThis) como no outro tutorial que mencionamos no inicio, alias é mais fácil do que parecia deixar os botões um embaixo do outro no seu blog.
Você só precisa retirar o código da formatação dos botões e colocar desta forma:
<div style="background-color:#FFFFFF; border-right:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; left:0px;padding:2px"><div class="addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a></div><div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2088636f7cce31"></script>
</div>
Lembramos que esse código deve ser colocado pela pagina design, adicionar gadget, html/javascript e não importa a posição do gadget os botões aparecerão no canto da pagina.
Se não quiser mostrar o contador é só apagar as linhas:
<div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
Caso queira os botões no tamanho pequeno retire o trecho _32x32 da linha: <div class="addthis_32x32_style"> , deixando desta forma: <div class="addthis_style">
Sobre blogs e redes sociais leia também:
Usar Melhor as Redes Sociais da Internet - Mídias Sociais
Botão das Redes Sociais para Wordpress, Blogger, Firefox e muito mais
Download de Icones para Redes Sociais (Twitter, Facebook, Orkut)
Queremos agradecer ao comentário feito pelo Emerson que além da idéia deste tutorial nos ajudou fazendo testes com a retirada de trechos do código do addthis e fazendo novos comentários dizendo as soluções que encontrou. Esperamos que gostem desta nova forma de usar os botões das redes sociais no seu blog.
Marcadores: Acessórios, Ferramentas, Gadgets, Html, Mais visitas, Redes Sociais