17 de jul de 2011

Colocando botão Google +, Facebook e Twitter com contadores em seu blog


Para colocar os botões dos três maiores indexadores sociais em seu blog, proceda da seguinte maneira.


Vá até o modelo de seu blog, clique em "Editar modelo"



Ao abrir a janela, clique em "Expandir modelo de widget"




Agora procure por:


<div class='post-footer'>


Cole então o próximo código abaixo dele, colocando seu nick no Twitter onde está em vermelho.

    <div style='float: left; padding: 4px;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<a class='twitter-share-button' data-count='horizontal' data-via='AQUI SEU NICK TWITTER' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone/>
</div>



 ----------------------------------------X--------------------------------------

Se você usa o modelo antigo do Blogger, vá até o HTML de seu blog e clique em "Expandir modelos de widget"


Procure então por:


<div class='post-footer'>

E cole o próximo código abaixo dele, colocando seu nick no Twitter no local indicado

   
<div style='float: left; padding: 4px;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
<a class='twitter-share-button' data-count='horizontal' data-via='aqui seu nick no twitter' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<g:plusone/>
</div>

4 comentários:

  1. adooorei! Suuuper explicativo e fácil de usar.
    Obrigaaaaaada por nos ajudar :D

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Olá Elke Di Barros Queria que você fizesse uma postagem desse posts relacionados com slide ia ser muito util!

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube