Como Colocar Botão Linkedin no Blog

Criar um blog de sucesso é uma tarefa que exige bastante dedicação, mas existem algumas dicas que podem ajudar a conseguir mais visitas para seu blog. Uma delas é fazer a divulgação em redes sociais, por isso vamos falar sobre o botão de compartilhamento do Linkedin que permite aos visitantes do seu blog compartilharem seus posts de maneira fácil em mais essa rede social.

linkedin no blogger
Esse tutorial foi um pedido feito em nossa comunidade no Orkut , pois já falamos de como colocar botões de varias redes sociais no seu blog, por exemplo: twitter, facebook ou mesmo o botão do addthis que tem muitas redes para compartilhar suas postagens, mas ficou faltando o Linkedin então vamos fazer isso agora. Veja no final deste tutorial links para botões de outras redes.

Colocar no blog o botão do Linkedin é muito simples você apenas precisa entrar no site http://developer.linkedin.com/plugins/share-button e selecionar qual o modelo de botão que deseja utilizar, clique no botão get code e depois copie o código HTML.

criar botão do linkedin para blog

Para colocar o botão Linkedin no Blogger você tem 3 opções:

1 - Colocar na sidebar como um gadget de html/javascript que é a mais simples de fazer. Apenas entre na pagina Layout > adicionar gadget > html/javascript e cole o código do botão.

2 – Adicionar botão Linkedin abaixo do Post do Blog: entre na pagina editar html, marque para expandir o modelo de widgets e colocar depois do trecho post.body e se quiser que esse botão só apareça nas paginas das postagens use o código desta forma:

<b:if cond='data:blog.pageType == &quot;item&quot;'>código do linkedin</b:if>

3 – colocar botão fixo no canto da pagina que pode ser junto com outros botões de redes sociais como já mostramos no tutorial: Botões de Compartilhamento Fixos no Canto da Pagina - Redes Sociais. Para usar desta forma adicione um gadget de html/javascript com esse código:
<div style="background-color:#FFFFFF; border-right:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; left:0px;padding:2px">
código do linkedin
</div>

Além deste você pode achar outros plugins interessantes para integrar seu blog com o Linkedin clicando no menu Plugins ou entrando na pagina: http://developer.linkedin.com/plugins.

Veja aqui outras formas de compartilhamento do blog nas redes sociais e poderá conseguir mais visitas para o blog:

Botão para as redes sociais - AddThis
Colocar Botão +1 do Google no Blog
Twitter button no seu blog - botão retweet
Botão Curtir e Enviar do Facebook Juntos

Queremos lembrar a todos que é bom testar varias redes sociais no seu blog afinal cada tipo de assunto poderá conseguir melhores resultados em uma delas e a melhor maneira de descobrir é fazendo testes e comparando os resultados.

14 comentários :

  1. Anônimo10 setembro, 2011 15:33

    acho que o linkedin é mais util para blogs relacionados a profissões em outros tipos de blog não dá bons resultados

    ResponderExcluir
  2. O BLOG DE FRANCISCO DANTAS10 setembro, 2011 16:32

    boa tarde, amigo eu queria colocar um baner entre as postagenss do blog mas não sei fazer o baner e nem colocar entre as postagens,

    ResponderExcluir
  3. Fabiano Roberto10 setembro, 2011 17:51

    O BLOG DE FRANCISCO DANTAS
    você pode colocar o código do banner diretamente na pagina editar html

    tente ver esse código dos comentários: Retirar espaço em Branco após Comentários do Blogger e colocar o código do banner depois dele, assim o banner vai aparecer depois da caixa de comentarios

    ResponderExcluir
  4. Tainara11 setembro, 2011 15:09

    Olá Fabiano! vim falar sobre uma coisa totalmente diferente do assunto deste post, eu fiz um cabeçalho gif para meu blogger pelo site mybannermaker.com eu coloquei no cabeçalho do meu blog mais a imagem não se meche, assim como um gif que eu fiz, não importa aonde eu hospede a imagem nunca se meche =( me ajuda!!

    ResponderExcluir
  5. Fabiano Roberto11 setembro, 2011 19:22

    Tainara
    para usar o gif é melhor hospedar fora do blogger... senão ele vai perder o movimento

    ResponderExcluir
  6. Carlos Vinícius11 setembro, 2011 21:23

    Olá fabiano, conseguir baixar um template, só que nesse template a data das potagens aparecem no lado direito, e eu queria que aparecesse no lado esquerdo (como é mais comum), li uma postagem sua: mudar lugar da data da postagem, só que ela só ensina como colocar a data em cima ou em baixo da postagem, vc sabe alguma maneira de concertar isso.

    ResponderExcluir
  7. Thamíris11 setembro, 2011 22:31

    Fabiano não tem nada haver com o assunto do post. Mas eu sou nova nesse negócio de Xml, eu só catuco e consigo fazer meus templates.
    Eu queria dividir as postagens, para tipo cada uma ficar no seu quadradinho.
    Tipo nesse site: http://www.personalizandoblogs.com.br/
    já tentei catucando, mas não consegui. Me ajuda? ):


    Ah outra coisa o meu blog fica feio com os gadgets de postagem recentes. Eu queria saber como fazer aquele calendário '-'

    ResponderExcluir
  8. Fabiano Roberto11 setembro, 2011 23:13

    Portal Mangaká
    se achar o código deve ter float:right, é só trocar por float:left

    ResponderExcluir
  9. Fabiano Roberto11 setembro, 2011 23:14

    Thamíris
    não tenho como explicar pois seria necessário fazer varios testes no template...

    ResponderExcluir
  10. Público Oblíquo12 setembro, 2011 03:53

    boa dica!

    ResponderExcluir
  11. Mauricio01 outubro, 2011 22:25

    Adorei as suas dicas realmente são muito boas e funcionam. Parabéns!

    ResponderExcluir
  12. Dona do blog20 abril, 2012 14:00

    COMO COLOCA O GADGET LINK DESTA PAGINA , IGUAL O SEU ?

    ResponderExcluir
  13. Fabiano Roberto20 abril, 2012 15:29

    Mauricio
    veja aqui o código que usamos: Caixinha com o link da postagem

    ResponderExcluir
  14. https://coisasqueninguemtediz.blogspot.com/26 junho, 2014 14:57

    http://coisasqueninguemtediz.blogspot.com/
    gostei da dica , e já coloquei no meu blog

    ResponderExcluir

Assinar: Postar comentários ( Atom )