Colocando Widgets Redes Sociais em seu Blog

Colocando Widgets Redes Sociais em seu Blog

Para colocar widgets das redes sociais em seu blog é muito simples, em poucos passos já estará tudo pronto, veja:

1- Acesse seu Blogger e no menu lateral clique em "Layout".

2- Clique em "Adicionar um gadget" e escolha por "HTML/Javascript".

3- Dentro do conteúdo do gadget cole o código do Widget que você escolheu.

4- Clique em "Salvar", posicione o gadget para o espaço desejado e clique em "Salvar Organização".

<style type="text/css">
#bt-share ul {list-style: none;clear: none;padding: 0px 0px ;margin: 0px 0px;float:left}
#bt-share ul li {display: inline;background:none;margin:0px;padding:0px;}
#bt-share ul li a {display: block;float: left;width: 59px;height:59px;background-image: url('https://googledrive.com/host/0B6PJ9hw0iVkyNEZjcXRCUHc1a1E/icones-sprite.png') ;margin-left:0px;background-repeat: no-repeat;margin-right: 0px;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
#bt-share ul li a.rss {background-position: -0px -62px;}
#bt-share ul li a.rss:hover {background-position: -0px -0px;}
#bt-share ul li a.twitter {background-position: -61px -62px;}
#bt-share ul li a.twitter:hover {background-position: -61px -0px;}
#bt-share ul li a.facebook {background-position: -122px -62px;}
#bt-share ul li a.facebook:hover {background-position: -122px -0px;}
#bt-share ul li a.google {background-position: -183px -62px;}
#bt-share ul li a.google:hover {background-position: -183px -0px;}
</style>
<div id="bt-share"><ul>
<li><a class="rss" href="LINK AQUI" style="margin-right:8px" rel="nofollow" target="_blank" title="Feed/RSS"></a></li>
<li><a class="twitter" href="LINK AQUI" style="margin-right:8px" rel="nofollow" target="_blank" title="Siga-nos no Twitter"></a></li>
<li><a class="facebook" href="LINK AQUI" style="margin-right:8px" rel="nofollow" target="_blank" title="Curta no Facebook"></a></li>
<li><a class="google" href="LINK AQUI" style="margin-right:0px" rel="nofollow" target="_blank" title="Google+"></a></li>
</ul> </div>

* Substitua LINK AQUI pelo link referente a rede social.

COMPARTILHAR:

Curtir

+1

Tweet

Tweet