Botões de redes sociais (compartilhamento) para o Blogger

Por | Atualizado em 2017-08-13

As redes sociais são essenciais na divulgação do seu conteúdo. Como tal, é importante que você possua os botões das redes socais mais importantes disponíveis para facilitar o compartilhamento do seu conteúdo.

O Blogger, possui botões de compartilhamento, mas verdade seja dita, não são muito apelativos e são muito pequenos, passando facilmente despercebidos. Mas então qual é a solução?

Neste tutorial iremos propor duas soluções simples: usar um serviço com ferramentas de partilha de conteúdo ou usar os nossos botões.

botões das redes sociais compartilhamento

Botões das redes sociais (compartilhamento) para o Blogger

A primeira solução, poderia passar por usar um serviço “específico” de ferramentas de partilha de conteúdo. Os mais conhecidos são o Addthis, ou o AddtoAny.

No entanto, com alguma criatividade, podemos criar botões de compartilhamento personalizados evitando o carregamento de elementos externos (a sobrecarregar a página).

1. Para isso, basta aceder ao menu “Modelo” – “Editar HTML”. Cole o seguinte código antes da secção </head> do seu blog e salve as alterações.

editar html

2. Em seguida, basta adicionar o código dos botões no imediatamente a seguir à tag “<div class='post-footer-line post-footer-line-1'>”

<!-- Facebook -->
<a expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<img border='0' height='40' src='https://1.bp.blogspot.com/-Dj8dM2LHmHA/WYzGnWP6A8I/AAAAAAAAOZo/SV05BhsEawAE_GIY6zhE86mVQFb4eHwRACLcBGAs/s1600/if_facebook_1279052%2B%25281%2529.png' width='40'/>
</a>
<!-- Google+ -->
<a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title ' target='_blank'>
<img border='0' height='40' src='https://3.bp.blogspot.com/-eygELe66jnQ/WYzGnWNS2VI/AAAAAAAAOZk/9Py7Shf4lWcy1ayvvv5WRooe8ZjBXDCcgCLcBGAs/s1600/if_google-plus_1279046%2B%25281%2529.png' width='40'/>
</a>
<!-- LinkedIn -->
<a href='http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.canonicalUrl + &quot;&amp;t=&quot; + data:post.title' target='_blank'>
<img border='0' height='40' src='https://1.bp.blogspot.com/-RkDoFSLUw-o/WYzGnukYc4I/AAAAAAAAOZs/Q_-UmUVwToIcCBj4sOhWj-YDtDD8HcvgQCLcBGAs/s1600/if_linkedin_1279057%2B%25281%2529.png' width='40'/>
</a>
<!-- Print -->
<a href='javascript:;' onclick='window.print()'>
<img border='0' height='40' src='https://2.bp.blogspot.com/-DC1dYzrJfJM/WYzGn9LmNTI/AAAAAAAAOZw/EdSLIKCqU_cUYs2JGTF-yMyRKtjT3cg7gCLcBGAs/s1600/if_printer_531905%2B%25281%2529.png' width='40'/>
</a>
<!-- Twitter -->
<a expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<img border='0' height='40' src='https://1.bp.blogspot.com/-jJPrcNSSgPU/WYzGn6fR-nI/AAAAAAAAOZ0/ijJu-iANz88R-tyTwe20SYuwP2RrULokwCLcBGAs/s1600/if_twitter_1279054%2B%25281%2529.png' width='40'/>
</a>
<!-- Email -->
<a expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg'>
<img border='0' height='40' src='https://1.bp.blogspot.com/-7Bwv--oyTxA/WYzGn1veZfI/AAAAAAAAOZ4/gZ-kNqUFFoc-zURQkzYyycNFRiUxcS0xwCLcBGAs/s1600/if_mail-icon_380447%2B%25281%2529.png' width='40'/>
</a>

Caso tenha dificuldades ou detecte alguma falha, envie o seu comentário para que a nossa equipa possa atualizar o código.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *