Quer ver uma coisa bem bacana?
Acesse esse blog de testes e selecione qualquer trecho do meu conto, como se fosse copiar.
Apareceu uma janelinha com o símbolo do Facebook escrito Compartilhar citação?
Clique nela.
E veja que legal que é!
Fez o teste? Quer aprender como ter em seu blog?
E bem simples!
Olha o print:
Comece abrindo a página com os códigos necessários ao tutorial:
A seguir acesse a aba Tema (ou Modelo) de seu blog e clique na opção Editar HTML.
Dentro da caixa do código-fonte tecle Ctrl+F e na barra de pesquisa digite </body>
Tecle Enter para localizar.
Acima de </body> cole o CÓDIGO JAVASCRIPT.
Salve.
Procure pela linha <body expr:class='"loading" + data:blog.mobileClass'>. Logo abaixo dela, adicione o CÓDIGO DE ATIVAÇÃO.
Se não achar a linha completa procure por <body> pois em alguns templates (baixados da internet, por exemplo) pode aparecer assim.
Salve.
Só isso.
Não é demais?
Nota: a citação só aparece na página interna do post, ok? Até dá pra colocar de modo que apareça na página inicial, mas aí seria compartilhada essa página inicial do blog e não o post.
Em blogs que utilizam os bloqueios de seleção de texto o recurso, obviamente, não funciona.
Mas se seu blog usa apenas o bloqueio do botão direito do mouse pode instalar que funciona sem problemas.
Curtiu?
Então deixa um curtir ou compartilhar ao final do post... eu agradeço demais!
13 comentários via Blogger
Dias online
Postagens
comentários
Olá, Elaine! Como sempre... magnífica! Grata por seu altruísmo!
ResponderExcluirElaine, eu fiz e deu certo, porém, aparece em inglês "SHARE QUOTE". Tem como aparecer em português, assim como o seu?
Obrigada mais uma vez!
Erica, experimente trocar en_US por pt_BR
ExcluirCreio que pode ser isso. No meu caso não ocorreu porque eu tenho o app do facebook instalado no blog.
bjssss
Aaaahhhh!!! (lê-se gritos de alegria) kkkkkk
ExcluirDeu certo! Obrigada, bjs!
Elaine, admiro sua generosidade, obrigada pelas dicas!!!! Já coloquei em prática. bjk
ResponderExcluirElaine, fiz tudo que ensinaste mas não deu certo, hummm, me ajude.
ResponderExcluirNão, acho a última expressão, nem a palavra body.
Karine, tem certeza? Todo template do Blogger tem, especialmente os nativos como o seu e o meu... experimente procurar de novo.
ExcluirOi, Elaine. Fiz e deu certinho, muito obrigada! Porém, ao navegar no blog, lá perto do rapé fica um fragmento do código 'div id='fb-root'/>'. Será um erro do meu layout?
ResponderExcluirNanda, você colocou o código no lugar certo? É abaixo de <body, tag aberta, e não dela fechada, entende?
ExcluirAaah, eu dei uma olhada em tudo de novo, o "erro" é do código para comentários do facebook, com esse está tudo OK. Foram códigos de outro tutorial, de outro blog.
ExcluirMuito obrigada! <3
Olá Elaine, coloquei no meu blog e deu certo, só que não ficou em português "Compartilhar citação, mas em inglês "Share quote". Além disso, vi no blog de teste o compartilhar citação no twitter, você irá liberá-lo, também? E também, fará um para whatsapp também?
ResponderExcluirMuito obrigado, sou fã seu faz mais de 2 anos, embora não comente :)
Fredetona, vou montar o tutorial da citação do Twitter, mas do whatsapp eu não conheço, nunca vi...
ExcluirSobre estar em inglês troque en_US por pt_BR e deve normalizar.
Muitíssimo obrigado Elaine, deu certinho, mais uma das suas dicas aplicadas no blog.
ResponderExcluirAgora, fico esperando ansiosamente pelo do twitter.
:)
Olha:
Excluirhttp://www.elainegaspareto.com/2017/11/compartilhar-citacao-blog-no-twitter.html