Olá! Como alguns leitores comentaram que gostaram dos links de compartilhamento aqui do blog, pesquisei uma forma de adicioná-los aos templates do Blogger, já que estes que uso atualmente já vieram no template, que baixei no Sora Templates; esse modelo se chama Boxer, apenas mudei as imagens. Conforme o que pesquisei, obtive esse resultado abaixo:
Para isso, li este artigo do site Difluir, que mostra como adicionar manualmente ícones personalizados, legal para inserir no HTML de cada postagem e ter em mãos mais facilmente os locais em que se deve personalizar, além de um maior controle quanto ao que compartilhar; também li no Ferramentas Blog um artigo para inserir um gadget de compartilhamento flutuante nos posts, já que precisava saber como adaptar cada link em HTML, e olhei os códigos do próprio modelo que uso, feito pelo Sora Templates, para ter certeza se estava certinho. Os buttons para redes sociais que uso, vocês poderão encontrar no Beautiful Dawn Designs, mas em qualquer site, tipo Flaticon e Deviantart, tem muitas opções.
Acesse Modelo - Editar HTML, procure por <div class='post-footer-line post-footer-line-3'/> ou pelo post-footer do modelo que usar, e cole logo abaixo o seguinte código:<!-- share buttons --> <a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url' target='_blank'><img src='URL-DA-IMAGEM-DO-FACEBOOK' title='Facebook'/></a> <a expr:href='"http://twitter.com/share?url=" + data:post.url' target='_blank'><img src='URL-DA-IMAGEM-DO-TWITTER' title='Twitter'/></a> <a expr:href='"https://plus.google.com/share?url=" + data:post.url' target='_blank'><img src='URL-DA-IMAGEM-DO-GOOGLE' title='G+'/></a> <!-- share buttons -->
É só colocar as URLs das imagens de ícones para Facebook, Twitter e Google+. Espero que gostem.
no me aparecio ese codigo en mi plantilla T-T
ResponderExcluirVoy en su blog responder ;3
ExcluirE assim,como faz pra tirar os originais,tipo esse daqui? https://31.media.tumblr.com/e6fdf1c72ec2685d4c02c3fbc130e0e2/tumblr_inline_ncpvtyoZ3b1r7e8hm.png
ResponderExcluirVá até Layout - clique em Editar no gadget de Postagens no blog - deixe a opção Mostrar botões de compartilhamento desmarcada.
ExcluirObrigada! <3
ResponderExcluircomo colocar o link do instagram, me ajude.. bhs
ResponderExcluircomo colocar o link do instagram? bj
ResponderExcluirVou pesquisar se há como; eu não uso essa rede e ainda não vi em templates a opção de compartilhar para instagram...vou dar olhada e se encontrar conto aqui. bj...
ExcluirEste comentário foi removido pelo autor.
ResponderExcluirTente colocar o código depois de outras áreas de post-footer...aqui tá dando certo.
ExcluirEste comentário foi removido pelo autor.
ResponderExcluirHmmm...aqui tá normal, não sei o que pode estar acontecendo...testei no modelo Simple do Blogger.
ExcluirEste comentário foi removido pelo autor.
ResponderExcluirTalvez seja; não me lembro se testei no travel, vou testar depois e te respondo ok :)
ExcluirEste comentário foi removido pelo autor.
ResponderExcluirTestei novamente no Travel e está dando certo...
Excluirpor favor poderia passar como compartilhar tb o pinterest...obrigada..bjs
ResponderExcluirEsse que uso aqui no blog já veio no template; vou pesquisar para saber como usar personalizado; talvez essa página possa ajudar: Pinterest goodies. Bjuss
ExcluirMe ajudou muito, obrigada <3.
ResponderExcluirhttp://vivalani.blogspot.com.br/
Como faço para o twitter compartilhar além do link o titulo??
ResponderExcluirNa primeira vez que tentei deu certo, mas agora não vai mais :c
ResponderExcluirEu achei que eles ficaram muito grudadinhos. Tem como separar um pouco?
ResponderExcluirSim, depois de cada <img, acrescente um style ="padding: 5px", mudando o 5 por um número maior, para ficarem mais afastadas, tipo: <img style ="padding: 5px" src....
ExcluirComo edita ele, para ficar onde eu quero e colocar o nome compartilhar?
ResponderExcluirÉ legal deixar abaixo do post-footer, como mostrei ali no post. Para adicionar um texto tipo Compartilhe, você poderia, por exemplo, colocar acima do código algo como:
Excluir<span style="font-size: 20px; color: pink; font-family: 'delius swash caps',cursive">Compartilhe</span><br/>
Mudando os valores, fontes e acrescentando outros estilos ^^
Muito obrigadooo <3
ResponderExcluirComo faço para centraliza los ?
ResponderExcluirOla! super funcionou no meu blog, mas gostaria de centralizar os botÔes de compartilhamento, como é possivel?
ResponderExcluirColoquem o código entre center e /center.
ExcluirOi tudo bem? Eu também estou usando um template do Follow Your Dreams e enfrento o problema de não conseguir colocar o botão de compartilhamento. Acredito eu que tenha algum código que impeça os botões de ficarem visível. Você poderia me dar uma dica de como resolver? Desde já obrigada!
ResponderExcluirEu usei os códigos desse post para criar botões personalizados nesse modelo :)
ExcluirO meu só tem o 1 e o 2
ResponderExcluirclass='post-footer-line post-footer-line-3'
Cole os códigos abaixo de um dos post-footer e visualize seu modelo para ver em qual área será melhor :)
Excluir