Botão de Compartilhamento Redes Sociais



Vamos ver um botão de compartilha postagens muito bonito e elegante, ele é bem simples de se instalar. Ele dá uma aparência moderna ao seu blog sem contar na funcionalidade de compartilhar o post.

Para que você tenha uma ideia do que estou dizendo, veja aqui uma demonstração.

Veja como ficou
Demonstração

Agora vamos a explicação da instalação, siga os passo prestando atenção que tudo dará certo.
 
ATENÇÃO

1-Faça backup do seu template;
Se algo der errado você terá como restaurar!
2-Isntale o código em um blog de testes;
Se der tudo certo no blog de testes então é seguro usar no blog oficial.

Precaução Nunca é demais! :)

Vá até o Painel do Blog e clique em Tema;
A seguir clique em Editar HTML;
Dentro da caixa do código fonte tecle Ctrl+F, na barra de pesquisa que abriu digite ]]></b:skin> e tecle Enter.
Acima dela cole o CÓDIGO CSS.

Na barra de buscas procure por <head>, cole o código de fontes especiais (caso seu template não tenha).

Após isso, na barra de busca digita <div class='post-footer'> e tecle Enter.
Provavelmente você vai encontrar 2 ocorrências desse trecho.
Estamos em busca da segunda ocorrência, ok?

Abaixo disso cole o CÓDIGO HTML.
Salve.

Dica
Caso você queira excluir alguma rede social basta localizar no CÓDIGO HTML o trecho referente à rede que deseja excluir e apaga-lo. 
Deixei uma linha de separação entre cada rede social para facilitar a localização.
Cores e fontes podem ser alteradas no CÓDIGO CSS. Leia o código, ele te dirá o que alterar.

Acesse o Código
Copiar Código

Postar um comentário

0 Comentários