Aprenda a colocar widgets dos seus seguidores do Twitter e do Facebook no seu blog

As redes sociais são muito importantes para um blog, pois ajudam a gerar tráfego para o blog e interação entre o blogueiro e o leitor.

Uma maneira interessante de conseguir essa interação é adicionar widgets das redes sociais no blog. Neste artigo, mostrarei como colocar widgets com seus seguidores do Twitter e Facebook no seu blog.

Widget de seguidores do Twitter e do Facebook no Blogger



Acesse a página Layout do seu blog e clique em adicionar um Gadget.

Escolha o Gadget HTML/JavaScript.

No Gadget, copie o seguinte código para adicionar os seus seguidores do Twitter:

<script type="text/javascript">// <![CDATA[
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML=
'\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" 
src=\"http://moopz.com/connect.php?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" 
scrolling=\"no\" style=\"width: 250px; height: 330px; border: none; \"\>\
<\/iframe\>';}
// ]]></script>
<div id="twitterfanbox"><script type="text/javascript">// <![CDATA[
fanbox_init("<b><span style="color: orange;">NOME DO SEU USUÁRIO DO TWITTER
</span></b>");
// ]]></script></div>

Digite um título, como 'Seu blog no Twitter'. Clique em Salvar.

Agora crie um novo Gadget HTML/JavaScript e copie o seguinte código para adicionar os seus seguidores do Facebook:

 <iframe src="&quot;//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2F
www.facebook.com%2Fpages%2F&lt;b" width="320" height="240"></iframe>

Digite um título, como 'Seu blog no Facebook'. Clique em Salvar. Obs.: se a url da sua página for facebook.com/sua página, não há necessidade de colocar o ID.

Agora é só clicar em 'Salvar organização'  no topo do lado direito da página e pronto. Visualize seu blog e verá os seguidores das suas redes sociais.

Widget de seguidores do Twitter e do Facebook no Wordpress

Na plataforma de administração do WordPress, vá em aparência > widgets.

Selecione o widget de texto.

No Widget que irá aparecer os seguidores do Facebook, copie o código:

<iframe src="&quot;//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2F
www.facebook.com%2Fpages%2F&lt;b" width="320" height="240"></iframe>

Digite um título, como 'Seu blog no Facebook'. Clique em Salvar. Obs.: se a url da sua página for facebook.com/sua página, não há necessidade de colocar o ID.

No Widget que irá aparecer os seguidores do Twitter, copie o código:

<script type="text/javascript">// <![CDATA[
function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML=
'\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" 
src=\"http://moopz.com/connect.php?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" 
scrolling=\"no\" style=\"width: 250px; height: 330px; border: none; \"\>\
<\/iframe\>';}
// ]]></script>
<div id="twitterfanbox"><script type="text/javascript">// <![CDATA[
fanbox_init("<b><span style="color: orange;">NOME DO SEU USUÁRIO DO TWITTER
</span></b>");
// ]]></script></div>

Digite um título, como 'Seu blog no Twitter'. Clique em Salvar.

Espero que essa dica seja útil. Abraços, e até o próximo tutorial.

Gostou das dicas? Prefere outra maneira de incorporar suas redes sociais ao blog? Enriqueça o artigo com seu comentário!