Vamos trabalhar?
Botões responsivos para compartilhar posts- para Blogger
Quando terminarmos o resultado será este:
Para começar acesse o painel do blog onde deseja inserir os botões e clique na aba Tema.
A seguir clique em Editar HTML e dentro da caixa de código que abrir tecle Ctrl+F.
Na barra de busca que apareceu digite </head> e tecle Enter para localizar.
Acima dessa tag de fechamento cole o CÓDIGO JAVASCRIPT e salve.
Agora localize a tag de fechamento ]]></b:skin> e acima dela cole o CÓDIGO CSS.
Salve.
Estamos finalizando.
Localize, na barra de busca, a linha <div class='post-footer-line post-footer-line-1'>
Aparecerão (provavelmente) 2 ocorrências dessa linha, estamos em busca da 2ª ocorrência, ok?
Achou? Cole o CÓDIGO HTML abaixo da linha localizada e salve.
E está feito!
Simples demais, né?
Ah, claro, os códigos para copiar e usar:
Dicas extras de personalização dos botões para compartilhar posts
Tem só 3 dicas extras:- No CÓDIGO CSS você altera cores e fontes caso deseje. Sem mexer em nada o resultado será exatamente como o meu.
- Onde grafei em vermelho no código são as palavras que você pode alterar se desejar. E onde está minha @ do Twitter (@elainegaspareto) troque pela sua e salve.
- Esses botões são responsivos, portanto são destinados a temas responsivos. Mas pode usar em tema não-responsivo, dá certinho.
Pra finalizar: este tutorial não se aplica aos modelos Soho, Contempo, Notável e Empório do Blogger, e nem aos modelos de visualizações dinâmicas.
De resto pode usar em qualquer tema, dos nativos aos modificados.
Importante: os códigos originais eu os encontrei em vários blogs gringos, mas pela data, até onde consegui identificar, o primeiro a publica-los foi o blog Blogger's Origin. Fiz algumas alterações no código original.
Se tiver alguma dificuldade que não tenha sido contemplada no tutorial diga sua dúvida nos comentários e eu ajudo assim que possível!
Enjoy!
