21 de fevereiro de 2010

18

Botões de Twitter,Facebook,Orkut,etc no blog!

Como incluir botões de enviar para o Twitter, Facebook, Orkut e muitos outros no final de cada postagem?

Essa pergunta é comum e válida pois cada dia é mais comum e importante o compartilhamento das postagens nas redes sociais. Como a participação nessas redes tem aumentado a cada dia mais, é imprescindível que você blogueiro também estimule seu leitor a compartilhar os posts que o tenha agradado. Assim o “boca a boca” da internet tem-se mostrado uma das melhores formas de divulgação.

redesocial

Para ajudar você a dar esse suporte aos seus leitores com apenas um clique, é que dispomos hoje este código que você pode incorporar ao HTML de seu blog, a fim de que abaixo de cada postagem apareçam as opções ditas acima.

Vamos as instruções:

  • No Painel do blogger, vá em Layout
  • Selecione a opção expandir Modelo Widgets
  • Procure pelo seguinte código: <div class='post-footer'>

OBS.: Para encontrar o código no seu template, você pode usar as teclas CONTROL + F, bastando depois disso digitar o texto/código que procura no campo de pesquisa que abrir-se-á.

  • Depois de encontrar o código acima descrito, cole logo após ele o código abaixo:

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b803c725c4999a9' class='addthis_button_compact'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_facebook'></a>
<a class='addthis_button_myspace'></a>
<a class='addthis_button_google'></a>
<a class='addthis_button_twitter'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4b803c725c4999a9"></script>
<!-- AddThis Button END -->

Fácil né? Agora é só estimular seus leitores com boas matérias, que é a principal forma de fazer seu blog crescer. Caso eles gostem do que você postou, certamente se sentirão estimulados a compartilhar com amigos e parentes e terão a comodidade de fazê-lo com apenas um clique!Para você visualizar como vai ficar, basta dar uma olhadinha aqui abaixo na postagem.

Seja VIP, receba as novidades no seu email, clique no ícone...
Início

18 comentários:

Patricia Nobile disse...

Nao acho esse cógico no meu blog..
apenas o <div cla= depois disso tem outros codigos...e colei mas naod eu certo...pode me ajudar?
o q sera q acontece ?

Anônimo disse...

Patrícia, você expandiu os modelos de widgets no campo HTML?

Vamos lá, desde o princípio.
PAINEL BLOGGER >>> LAYOUT >>> HTML >>> EXPANDIR MODELOS WIDGETS.

Depois disso vc tecla ao mesmo tempo as teclas CONTROL e a tecla +.
Vai abrir um campo de busca no qual você vai inserir o código descrito na postagem.

Caso não encontre esse código, vc pode copiar o código completo do seu template e me enviar por email. Na página Inicial tem um formulário de contato, ou pode ser por email direto (marcelosouzami6@gmail.com).

Att. Marcelo Souza

Anônimo disse...

fácil, mas me desculpe, vou deixar uma crítica para que você possa melhorar....os botões são muito mal feitos, não fica bonito no blog, estraga o visual...espero que entenda...e é muito legal sua disposição para ensinar ok

thereza

Anônimo disse...

Obrigado Thareza. pena vc não ter gostado dos botões, mas tudo bem.
Tem como mudá-los.
obrigado pela visita!

AIPESP Araçatuba disse...

Perfeito! Deu certo!

Agora quero aprender a colocar botões maiores somente na página principal do Blog. Da certo?
Obrigado

SOSVIP disse...

AIPESP Araçatuba: O sistema de comentários do blog, não aceita códigos, pois não estou conseguindo te informar.
Deixa um email de contato que te informo como fazer para aparecer somente na página inicial.
Ou então aguarda que ainda essa semana eu faço uma postagem ensinando. Qualquer que for a sua preferência é só deixar a resposta aqui.
Abração.
PS.: é super simples.

Anônimo disse...

valeu muito bom!!

AeS Viagens disse...

Há como fazer com que esses botões levem os leitores do blog para MEU orkut, facebook e twitter?

SOSVIP disse...

AeS Turismo: Que eu saiba não há como fazer essa modificação. Entretanto você pode criar um sistema para fazer isso. Basta você escolher as imagens e linká-las os endereços desejados. Depois você vai no código HTML e cola o código criado na área que for mais conveniente.
Temos um sistema similar ao lado na sidebar, onde você pode visualizá-los. Está sob o tópico "Divulgue-nos".
Qualquer dúvida, entre em contato.

SOSVIP disse...

Eric: Respondido através do email mencionado.

HELORA SCHLEGEL BELLO SILVA disse...

ADOREIIIII!
Já coloquei no meu blog.
Perfeitooo *O*

Tô me sentindo agora \o\ UHAUHASUAHSUHA

Obrigada pelo post.

gabi disse...

adorei a dica um unico site que me ajudou sem complicar tudo
sobre os botoes que vc colocou tem gente que achou feio eu coloquei outros botoes que escolhi pelo addthis sao maiores mais bonitos e chamam atençao..o processo que vc ensinou é facil e rapido
brigadaoooooo.....

Dona do blog disse...

Tem como linkar , para caixa na minha pagina , do orkut , facebook , e twitter?
Obrigado
juliane
Otimoo os botões..

Unknown disse...

Foi muito bom ler essa postagem,me ajudou bastante!Valeu mesmo!bjs

enaej disse...

AMEI ESSA DICA. PARABÉNS
http://maiaravidaboa.blogspot.com/

Anônimo disse...

valeu camarada era isso mesmo que eu queria obrigado.

anamerari disse...

OI PESSOAL
ADOREI A DICA!
AQUI TEM CÓDIGOS E SÍMBOLOS PARA VOCÊ COLOCAR EM FIM DE POST,
NAS COMUNIDADES DO NING,TAGGED,
Orkut, Facebook, Msn Messenger, Twitter, frases, textos, conversas, batepapo, scraps.
PERSONALIZE SUA PÁGINA OU SEU COMENTÁRIOS!
É SÓ COPIAR E COLAR...
CLIQUE AQUI:
http://annacrafts.wordpress.com/2011/08/21/codigos-e-simbolos-paraorkutfacebooktwitterblogs-e-scraps/

Bispo José Carlos Arruda disse...

Olá muito obrigado pela ajuda!

Postar um comentário

Agora você é VIP. A palavra está com você agora. Aproveite e faça seu comentário!
PS.: Se for xingar, ofender ou usar palavras de baixo calão, não perca o seu tempo pois CERTAMENTE excluiremos seu comentário!
Sinta-se a vontade.

Related Posts with Thumbnails