Que tal um pássaro azul do Twitter, voando suavemente, quando o leitor abrir uma postagem do seu blog?
Na verdade, o script poderia ser colocado em qualquer parte mas o pássaro também é um link para sua conta no Twitter e, ao mesmo tempo, um botão de retweet, que aparece na parte superior e voa pela sua página, conforme você for movendo-a verticalmente. Então o melhor é colocá-lo no topo das postagens e condicioná-lo para que seja visível somente nas páginas individuais.
Outro detalhe é que, ao pousar o mouse sobre o pássaro, ele abrirá duas opções: Tweet this e Follow me e poderemos escolher o que fazer. Escolha os dois! :)
Se o bichinho voador atrapalhar a leitura do texto, é só movimentar o seu mouse sobre ele e ele se deslocará. Aqui no Links e Links isto ainda não aconteceu nos vários testes que fiz, em diversas postagens!!!
Para inserir o script, acesse PAINEL >>> DESIGN >>> Editar HTML. Marque Expandir modelos de widgets e procure pelo trecho: <data:post.body/> (use CTRL+F) e imediatamente antes, cole o código abaixo:
<b:if cond='data:blog.pageType == "item"'>
<script src='http://oloblogger.googlecode.com/files/tripleflap.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
var birdSprite="http://oloblogger.googlecode.com/files/birdsprite.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/SEU PERFIL TWITTER";
var tweetThisText = "TWEET ME: <data:post.url/>";
tripleflapInit();
//]]>
</script>
</b:if>
Temos que mudar o valor da variável twitterAccount (SEU PERFIL TWITTER) e colocar o seu próprio. Na segunda variável, TweetThisText (TWEET ME) você pode colocar o que quiser.
Se o seu template foi modificado e você não encontrar o trecho acima, procure por <div class='post-body entry-content'> e insira o código antes dele.
Créditos
Oloman – Oloblogger Cartagena, Espanha
JMiur – Vagabundia Buenos Aires, Argentina
*Tutoriais originais em espanhol, traduzido por mim para português.
Outros tutoriais interessantes:
- Sinalizar os códigos do template
- Caixa de Comentários do Facebook no Blogger
- Como dividir o widget de etiquetas em duas colunas
- Lista de blogs com efeito marquee
- Expandir e Contrair Qualquer Widget
27 comentários:
obrigada
Vera
queridona!
bjussssssssssssss
oh
Vera
num deu certo
;(
Edilene, eu testei e deu certo mas percebi que com blockquote realmente copiava um trecho do código do "Leia mais" do blog. Já corrigi, pode fazer que vai dar certo. Olhe nos meus 3 blogs, o pássaro está voando tranquilamente...
Beijosss
*obrigada por me avisar!
ok
Vera
bjins
Olá Vera,
Amei o pássaro voando, copiei mais não deu certo no meu blog e nao sei o que pode ser :-(
Bjuss
Boa Vera sempre com novidades, saudades.
Abraços forte
@Príncipe
Estou mesmo sumida dos blogs, acessando apenas pelo Live Writer para atualizar. Mas irei te visitar agora, migo!
Bjs
@Analy
Já testei diversas vezes e deu certinho, estou usando nos meus três blogs!
Mas, vou verificar e te responderei por email, ok?
Bjss
Muito legal mesmo, fica muito bom.
Abraço
O plugin é bem legal. Estou vendo ele aqui no seu blog. Mas será que ele não pesa no tempo de carregamento da página? Tem que analisar isso! ;)
MEEEEU!!! DEMAIS!! Parabéns e obrigado!
A opção "Twita-me", quando se passa o mouse no pássaro, está com defeito. É postado: " Lendo: " | Ou seja, não intepreta o código " "
Opa, vou testar essa dica, muito bacana. Obrigada!
Vera, tentei nas duas opções: 1> Colando antes do
e antes de class='post-body entry-content'> e fazendo s mudanças do endereçamento do meu twitter, conforme recomendado no post.
Não dá erro no blog. Mas também ainda não vi o passarinho. Pode ser que tenha algum conflito com o gadget do wibyia. Retirei o código e aguardo uma solução. Se pudesse dar uma olhada por aqui, para ver se descobre por que o passarinho não quer dar as caras, ficaria agradecido.
Um Grande Abraço!
Olá, muito interessante sua postagem.
Não se você já sabia mais se você adicionar um gadget HTML/JAVASCRIPIT, ele funciona da mesma forma.
Beijão.
Olá Vera, tudo bom! Comigo tudo ótimo. Foi usei um gadget htmljavascripit, e funcionou! Foi meio que surpresa eu nao sabia que ia dar certo. Meu blog é modificado e nao conseguir achar nenhuma daquelas partes que você citou na postagem. Ai deu tudo certo. Beijão! Ah agradeço tbm sua visita e seu blog é demais! Valeu.
Já foi feito um Update com a dica de Doces Loucuras. Muito obrigada por me avisar!
Beijosss
@Doces Loucuras
Obrigada, foi de grande ajuda a tua dica! Hoje já recebi resposta do autor do tutorial e estarei dando retorno a todos.
Beijosss
Excelente, parabéns!
Esse eu vou experimentar!
Vera não deu certo!
Eu tentei várias vezes, mas não funciona!!
@Leonardo
O pássaro tem problema para publicar o que se está lendo mas para seguir dá cert. O autor já me disse que não resolveu o problema ainda.
Porém, aplicar o tutorial está dando certo para várias pessoas, não entendo o que passou com o teu caso.
Bjs
parabéns me ajudou bastante :D
Olá Vera tudo bom? Não uso o Gadgets, eu usava um script da biblioteca Jquery e estavam em confronto, parecia que tinham 2 passaros um ao lado do outro, só que pela metade. Enfim, o widget é ótimo muito interessante bem que eu queria. Mais não pude usar. Eu não me lembro como era o Design do seu antigo blog. Mais ficou Lindo.
@João Santos
Obrigada!
Não entendo o que houve com este gadget no teu blog. Também uso Jquery e funciona. Que tal mais uma tentativa?
Abraços
@Jorge Umburanas
Grata, amigo.
Tentei visitar o teu blog mas:
O Perfil de Blogger que você solicitou não pode ser exibido. Diversos usuários do Blogger ainda não optaram por compartilhar publicamente seus perfis.
Pena...
Não apareceu nada :f que triste :(
Postar um comentário
Obrigada pela visita e pelo comentário!