Botões das redes sociais e de adicionar aos favoritos no blog

Por:

| 21 de jun de 2011


Coloque uma barra com os principais botões das redes sociais e também com um botão de adicionar aos favoritos automaticamente direto em seu blog, e que funciona nos navegadores (Mozilla Firefox e Internet Explorer).

Para adicionar a barra com os botões vá em:
Painel do Blogger / Design / Elementos de página e clique em 'Adicionar um gadget'.
Escolha o gadget 'HTML / Javascript'.

Cole o seguinte código:

<div style='height:32px; padding:1px; text-align:center; float:center;'>
<a href='http://seulink' target='blank'><img title='perfil no facebook' src="https://lh4.googleusercontent.com/-RPDg5MmzPwQ/TgEFzYTZquI/AAAAAAAAEBc/-fyxZqscwOg/facebook.png"/></a>
<a href='http://seulink' target='blank'><img title='perfil no orkut' src="https://lh5.googleusercontent.com/-c_7ZQf9GThQ/TgEFzpMtcmI/AAAAAAAAEBs/YK35SWe3VHo/orkut.png" width='31px' height='31px'/></a>
<a href='http://seulink' target='blank'><img title='perfil no dihitt' src="https://lh4.googleusercontent.com/-up942_fX94U/TgEFzhSQ9sI/AAAAAAAAEBo/BwxHT4aQ7OM/icone_dihitt.png" /></a>
<a href='http://seulink' target='blank'><img title='perfil no twitter' src="https://lh5.googleusercontent.com/-iQrUqe8XdaM/TgEFzuzBFoI/AAAAAAAAEBw/G8AUzCOW2_Q/twitter.png"/></a>
<a href='http://seulink' target='blank'><img title='nosso feed' src="https://lh6.googleusercontent.com/-fy3icNUN2-k/TgEFzfFnoOI/AAAAAAAAEBg/FUOff7CmIEU/feed.png"/></a>
<script language="JavaScript">
function addFav(){
    var url      = "http://seublog.blogspot.com";
    var title    = "Titulo do seu blog";
    if (window.sidebar) window.sidebar.addPanel(title, url,"");
    else if(window.opera && window.print){
        var mbm = document.createElement('a');
        mbm.setAttribute('rel','sidebar');
        mbm.setAttribute('href',url);
        mbm.setAttribute('title',title);
        mbm.click();
    }
    else if(document.all){window.external.AddFavorite(url, title);}
}
</script>
<a href="javascript:addFav()" title="Adicionar aos Favoritos"><img src="https://lh3.googleusercontent.com/-71Yr9g5keSY/TgEFzZ0gagI/AAAAAAAAECk/wUzmHy6n65I/favoritos.png"/></a></div>

Substitua todos os trechos onde está escrito: 'http://seublog.blogspot.com' pelo link do seu blog.
Troque os trechos: http://seulink pelo link do perfil da rede social.
Substitua também o trecho: 'Titulo do seu blog' pelo nome do seu blog.

Caso não queira usar algum dos botões, é só excluir as linhas referentes ao código do botão.
Cada linha começa em ...<a href='... e termina em ...</a>.
Cuidado para não apagar a linha errada.
Salve e arraste o gadget para onde quiser.

Sugestão: Um bom lugar para se colocar a barra de botões sociais é logo no topo da coluna lateral do blog (sidebar)
Gerador de Senha - Crie senhas mais seguras
- Topo