Instalando um widget para redes sociais

A tendencia dos blogs hoje em dia é ter ícones para as redes sociais, o motivo de ter um widget desses vai além da estética, no caso é incentivar os seus leitores a o seguirem no Twitter, Instagram, Pinterest, Facebook e a até mesmo se inscreverem no seu feed para que não perca suas próximas postasgens..  

Bom se você blogueiro achou o que eu disse interessante e tem vontade de saber mais sobre isto, então está no lugar certo, bom, eu criei gadget baseados em CSS, que é simples de instalado no seu site ou blog do Blogger.

Recomendo fortemente que as imagens dos ícones sejam enviadas para a conta do Picasa de vocês e que as URLs dessas imagens sejam substituídas.

ENTÃO VAMOS INSTALÁ-LO AGORA?

Primeiro entre no seu blog, vá ao TEMA e dê click dentro da caixa de códigos e em seguida Crtl+F quando aparecer a barra de pesquisa procure nela por ]]></b:skin> .e
cole acima dessa tag o seguinte código:

/* SOCIAL MEDIA
----------------------------------------------- */
#socialmedia{background:#F6F8F8;border:1px solid #DBE2E0;padding:10px 5px 15px 10px; margin: 5px;}
#socialmedia:hover{border:1px solid #90C2D7;}
#socialmedia a{color:#666666;text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif}
#socialmedia a:hover{color:#3c88b2;text-decoration:underline}
#socialmedia img{vertical-align:middle;margin-right:5px;} 

A segunda etapa é ir ao seu template, depois em LAYOUT em seguida ADICIONAR UM GADGET na caixa que abrirá escolha a opção HTML/javascript e cole este outro código: 

<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BEKq7aTI/AAAAAAAAEUw/Lb9JMwUAiZ8/socialconnecttwitter.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DO TWITTER'>Siga no Twitter</a>
</div>
<div id='socialmedia'><img alt='' src='https://lh5.googleusercontent.com/_mcq01yDJ2uY/TW630L9WcaI/AAAAAAAAEUM/iLypEEa1b5Y/socialconnectrss.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DOS FEEDS'>Assine os feeds</a>
</div>
<div id='socialmedia'><img alt='' src='https://lh3.googleusercontent.com/_mcq01yDJ2uY/TW_BI34MoHI/AAAAAAAAEU0/GuFjmmcm87w/socialconnectfacebook.png' style='width: 32px; height: 32px; float:left;'/>
<a href='URL DO FACEBOOK'>Curta no Facebook</a>
</div>

SIGA AS INSTRUÇÕES ABAIXO PARA FINALIZAR O PROCESSO

1. Em URL DO TWITTER, coloque o endereço do seu Twitter
2. Em URL DO FEED, coloque o endereço dos feeds do blog
3. Em URL DO FACEBOOK, coloque o endereço do seu perfil ou da página de fãs

Pronto!!! Acredito que tenha dado tudo certo. Até a próxima.