, , , ,

Adicionando o link “Tweet This!” ao final das postagens (quando clicado, envia o link encurtado ao Twitter do leitor)

37 comentários
Blogger Hacks 

O Twitter atualmente é o principal meio de compartilhamento de links na Internet, e cabe aos blogueiros aproveitar-se disso. Uma das formas mais eficientes é adicionar um link que facilite ao usuário indicar sua postagem no serviço. E para atender essa demanda, o site de encurtamento de URLs Bit.ly desenvolveu um script para facilitar o envio de links (já encurtados) para o Twitter, o qual podemos adicionar ao Template do Blogger/Blogspot, como você verá a seguir.

Este Hack utiliza um arquivo JavaScript externo. O uso excessivo de scripts no seu blog pode torná-lo lento. Portanto, não exagere!

Para adicionar o link “Tweet This!” ao final das postagens do seu Blogger, faça o seguinte:

Acesse o seu Painel do Blogger e selecione Layout, então clique em Editar HTML para entrar no modo de edição do código do seu Template.

Então marque a opção Expandir modelos de widgets.

Não se esqueça de fazer o backup do seu template antes de realizar as alterações no código, clicando em Baixar modelo completo.

Encontre o seguinte código (utilizando o Ctrl+F do seu navegador):

<div class='post-footer-line post-footer-line-1'>

Então cole o seguinte código DEPOIS:

<b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(http://lh3.ggpht.com/_QocHY3CSRM0/ScI9h6TlvdI/AAAAAAAACZ8/lG_6Odnu1ok/s144/twittericon.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>
<span style='display:none;'>Estou lendo: <data:post.title/></span>Tweet this!</a></span></b:if>

A parte em verde é a URL do ícone que aparecerá à esquerda do link – por padrão está o favicon do Twitter. A parte em vinho é o texto que vai preceder o título do seu post no Tweet. Já a parte em laranja é o texto do link em si. Em alternativa à “Tweet This”, você pode usar “Twittar isso!” ou “Enviar para o Twitter”. A URL é encurtada automaticamente pelo Bit.ly.

Por exemplo, esta postagem ficaria assim depois que enviada através do link “Tweet This!”: “http://bit.ly/I7wZi Estou lendo: Adicionando o link “Tweet This!” ao final das postagens, que envia o link encurtado ao Twitter”.

Visualize para ver se não há erros no template e clique em Salvar Modelo.  Após salvar, você pode testar o Hack clicando em alguma postagem do seu blog.

Se o Hack não funcionar ou causar erros no seu template, utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.

Referências:
Blogger Buster

Comentários (37)
Blog do Tophe 19/03/09 20:54

Fiz de tudo e não consegui colocar o hack do twitter.

Pode me ajudar?

OCP 19/03/09 21:28

Oi,

tem algo errado no seu codigo, tentei e deu erro. :(

Fui no blog da Amanda e copiei de lá e tá tudo certo. :D

Abraço. :)

Tiwanaku 20/03/09 09:26

Tentei e aparece isso:
Não foi possível visualizar o modelo
Corrija o erro abaixo e envie o seu modelo novamente.
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The reference to entity "login" must end with the ';' delimiter.

Valeu! Abraço!

iceBreakerSérgio Estrella20/03/09 13:16

Agradeço a todos que reportaram o erro e peço desculpas pela minha falha.

Agora o Hack já foi corrigido e está funcionando normalmente.

Italo André 19/04/09 22:34

Bem, no meu código nem tem essa linha.

O mais parecido que tem é usa a tag 'p'. O que não tem nada a ver, né?

Eu posso simplesmente inserir esta linha? Isso resulta em algum problema?

blogdozemarcos.com 10/05/09 15:14

::: No meu blog de testes funcionou legal, Sérgio. Só achei estanho que o texto do twitter ficou colado com o "Postado por Zemarcos". Ideia massa, parabéns!!!

Gabriel 01/06/09 03:26

é, no meu blog não funcionou de maneira alguma.
Fiz 2 vezes o processo e não aparece nada, nenhum botão, nem erro nada, como se o código nao estivesse ali..

ainda grato; o Ice breaker me foi muito útil!

Gabriel 01/06/09 17:32

Sérgio,
Vou reiterar. Funcionou! Porém, o hack aparece bem no início do primeiro parágrafo da postagem, antes da primeira letra do texto e também no fim; como retiro do início e deixo apenas no final do post?

obrigado!

iceBreakerSérgio Estrella01/06/09 17:45

Gabriel, como esse link é colocado no "post-footer" que é rodapé da postagem, teoricamente ele só pode ficar...no rodapé do post! Talvez você tenha usado algum Hack que alterou a ordem dos elementos e colocou o post-footer na parte superior.

E cuidado pra não confundir "post-footer-line-1" com "post-header-line-1"

Gabriel 07/06/09 15:31

Perfeito Sérgio, muito grato.

Seu comentário sobre a linha post-header foi fundamental, eu tinha duplicado o hack, acho que na tentativa de inseri-lo no blog.

Porém, no navegador do meu pc (firefox) só de vez em quando aparece a ferramenta, geralmente em posts antigos; já em outros, ele aparece normal. vc sabe o que pode ser?

brigado mesmo.
um abraço!

Fabrizio Malta 29/06/09 11:02

no meu não estava funcionando o codigo, não aparecia nada. Dai eu tirei as tags...

b:if

e

/b:if

funcionou blz. Não sei se prejudica em algo, só sei que ta funcionando.

falow

Seu Noca 16/07/09 17:08

Opa...

Show...funcionaou na boa, mas vc poderia me dizer como faço (se é possível) usar Target="_blank" pra ele ir pro twitter e nao sair do meu blog..

Valeu!

institutomusashi 20/07/09 00:23

MUito bom! Estava procurando esse hack tem um tempão. Só tá dando alguns problemas...
1- Como faço para ele aparecer na página principal também?
2- Gostaria de colocá-lo no fim da linha.
3- Como separa-lo do das outros links?
Grande abraço!

»SiMoN« 17/08/09 22:01

Olá Sérgio, tudo bem? Coloquei o código e funcionou beleza. Porém o link aparece antes do "Estou lendo", como faço para o link ficar nos finais posts do twitter?
Grande abraço e parabéns pelo excelente Blog!

Rebolati2oin 30/09/09 10:46

Ensina colocar igual no seu blog , ja aproveita e tenta ensinar a colocar img , em baixo dos nomes comentarios , pra implementa o template !

David Aragon 08/10/09 07:40

Uso botões sociais no rodapé da postagem e um deles é do twitter. Existe alguma forma de usar o script para encurtar url neste botão? Já pesquisei um bocado aqui e não achei nada no google, nem em inglês nem em português.

Saudações!

Ponto X 26/01/10 19:03

Aqui funfou belezinha,dica muito boa, parabens!

tive o mesmo problema que o Italo André e aconteceu a mesma coisa q o ZMarcos com o meu blog de teste!!

o q faço??

Ronaldinho 08/02/10 15:51

Aconteceu o mesmo com o meu BLOG ficou em cima e não no fim da postagem.

Fale, no meu caso, o link funcionou ao editar HTML, salvei, mas no post em si aparece tudo legal da forma como foi ensinada aqui, e quando clica no link pra poder postar no twitter, não abre página pra poder colocar no twitter, clico e clico e nada. Me ajude cara...

Alcione Torres 08/07/10 19:36

Gostaria de saber um jeito de mudar esse código para que a imagem vire um botão clicável. Não gostei do esquema do link ao lado da imagem.
Queria também saber se dá para modificá-lo para que a gente coloque a imagem do tamanho que quiser.

Fiz algumas alterações no código:

www.acasaquedaasa.blogspot.com

Não consegui postar aqui... porque está dando como span.

Não consegui fazer abrir em uma nova janela corretamente... Esperimentem e vejam se dá certo com vocês... não sei se é porque o pop up está sendo bloqueado...
Se conseguirem abrir numa nova janela me avisem...

PS: O código está com alguns elementos desnecessários... mas não atrapalham em nada o funcionamento dele pelo que vi até agora. Quem souber e tiver diposição para limpar, limpe e poste aqui. Obrigado a todos!

Anônimo 21/12/12 10:58

Thank you for the good writeup. It actually used to be a entertainment account it.
Look complicated to far introduced agreeable from you! However, how can we keep up a correspondence?
Stop by my web-site - clear acne

Anônimo 21/12/12 12:27

Hi, just wanted to say, I loved this blog post. It was funny.
Keep on posting!
Review my blog post :: how to cure pimples

Anônimo 29/01/13 02:45

Great article, just what I wanted to find.
My site - immobilienalanya.net

Anônimo 09/02/13 13:57

Excellent site you have here but I was curious about if you knew of any
forums that cover the same topics discussed in this article?
I'd really love to be a part of online community where I can get suggestions from other knowledgeable people that share the same interest. If you have any suggestions, please let me know. Appreciate it!
Here is my site : http://clickyourfriend.com

Wei Chen 26/06/15 23:02

oakley sunglasses
the north face
49ers jersey
lebron james shoes
hermes belt
the north face jackets
peter konz jersey,paul worrilow jersey,prince shembo jersey
north face outlet
cheap oakley sunglasses
nhl jerseys
jeremy maclin jersey,jamaal charles jersey,joe montana jersey,justin houston jersey,dontari poe jersey,eric berry jersey
new york jets jerseys
redskins jerseys
raiders jerseys
manchester united football shirts
mizuno running
bobby orr blackhawks jersey,jeremy roenick authentic jersey,jonathan toews blackhawks jersey,stan mikita blackhawks jersey,corey crawford blackhawks jersey,michael jordan jersey,michal handzus jersey,peter regin jersey
mulberry uk
nike shoes
nike trainers,nike trainers uk,cheap nike trainers,nike shoes uk,cheap nike shoes uk
michael kors outlet online,michael kors,kors outlet,michael kors outlet,michael kors handbags,michael kors outlet online sale,michael kors handbags clearance,michael kors purses,michaelkors.com,michael kors bags,michael kors shoes,michaelkors,cheap michael kors
barcelona soccer jersey
prada outlet
russell westbrook jersey
cheap evening dresses
troy polamalu jersey,ben roethlisberger jersey,antonio brown jersey,heath miller jersey,jack lambert jersey,le'veon bell jersey,santonio holmes jersey,kevin greene jersey,rod woodson jersey
patrick kerney jersey,bobby wagner jersey,russell okung jersey,max unger jersey,paul richardson jersey,terrelle pryor jersey,richard sherman jersey,byron maxwell jersey,derrick coleman jersey,eric winston seahawks jersey
rolex watches
indianapolis colts jerseys
mbt shoes outlet
wei20150627

Ww Weng 15/07/15 07:21

juicy couture clothes

ferragamo outlet

ferragamo

straightener

gucci shoes uk

gucci belts

gucci bags

gucci handbags

gucci shoes outlet

gucci outlet

hermes belt

hermes belt

hermes

hollister clothing store

hollister clothing store

insanity calendar

ipad cases

jimmy choo outlet

retro jordans

cheap jordans

juicy couture

juicy couture outlet

katespade

kate spade outlet online

kate spade outlet

longchamp handbags

longchamp outlet

louboutin shoes

louis vuitton

louis vuitton

louis vuitton bags

louis vuitton handbags

louis vuitton

louis vuitton outlet online

louis vuitton outlet

marc jacobs handbags

mcm handbags

mcm world wide

huali10 Cai 17/07/15 04:00

ralph lauren uk
m a c cosmetics
five fingers shoes
new york giants jerseys
salomon speedcross 3
abercrombie
foamposite galaxy
mulberry outlet
burberry outlet online
ysl outlet
michael kors outlet
lebron james shoes
burberry handbags
nfl jerseys wholesale
nike trainers
oakley sunglasses wholesale
air jordan 4
oakley sunglasses wholesale
the north face jackets
christian louboutin outlet
christian louboutin shoes
nike roshe
tiffany and co jewelry
kate spade handbags
pandora outlet
thomas sabo bracelet
north face outlet
denver broncos jerseys
kate spade handbags
babyliss
cheap nike shoes
ray ban
chanel handbags
hermes belt
dallas cowboys jersey
zheng123 7.17

mao qiuyun 13/09/15 22:08

kansas city chiefs jerseys, http://www.kansascitychiefs.us/
rolex watches,rolex watches,swiss watches,watches for men,watches for women,omega watches,replica watches,rolex watches for sale,rolex replica,rolex watch,cartier watches,rolex submariner,fake rolex,rolex replica watches,replica rolex
abercrombie and fitch, http://www.abercrombie-fitch-hollister.es/
steelers jerseys, http://www.pittsburghsteelersjersey.com/
mont blanc outlet, http://www.montblancpensoutlets.com/
nfl jerseys, http://www.cheapnfljerseys.org/
celine outlet online, http://www.celineoutletus.com/
tiffany and co, http://www.tiffanyandco.in.net/
ugg boots, http://www.uggbootsclearance.in.net/
michael kors bags, http://www.michaelkorsbags.uk/
coach outlet online, http://www.coachoutletonline.in.net/
saints jerseys, http://www.neworleanssaintsjerseys.us/
futbol baratas, http://www.futbol-baratas.com/
michael kors outlet, http://michaelkors.outletonlinestores.us.com/
nike free uk, http://www.nikefreerunning.org.uk/
oakley sunglasses wholesale, http://www.oakleysunglasseswholesale.in.net/
true religion jeans, http://www.truereligionjean.in.net/
cheap oakley sunglasses, http://www.oakleysunglassescheap.us.com/
celine outlet, http://www.celineoutletus.com/
christian louboutin outlet, http://www.christianlouboutinonline.us.com/
seattle seahawks jerseys, http://www.seattleseahawksjersey.us/
converse shoes, http://www.converseshoes.us.com/
the north face clearance, http://www.thenorthfaceclearances.us.com/
ralph lauren,polo ralph lauren,ralph lauren outlet,ralph lauren italia,ralph lauren sito ufficiale
camisetas futbol baratas, http://www.futbol-baratas.com/
fitflop, http://www.fitflop.in.net/
ferragamo outlet, http://www.ferragamo.eu.com/
los angeles lakers jerseys, http://www.lakersjerseys.us/
0914maoqiuyun

Junda Xu 22/10/15 01:02

20151022 junda
Abercrombie T-Shirts
ugg boots
ugg boots australia
nfl jerseys
tory burch outlet
michael kors uk
nike trainers
coach outlet store online
ugg outlet store
Michael Kors Outlet Free Shipping
Michael Kors Online Outlet Shop
coach factory outlet
Coach Factory Outlet Private Sale
Coach Factory Outlet Private Sale
Jordan 13 Shoes For Sale
cheap ugg boots
louis vuitton
michael kors bags
ralph lauren uk
hermes birkin bag
ralph lauren
Michael Kors Outlet Real Handbags Online
Air Jordan 4 Toro Bravo
true religion outlet
michael kors outlet
canada goose outlet
ugg boots
canada goose outlet online
Authentic Louis Vuitton Handbags Cheap Online
michael kors outlet sale

Gege Dai 27/10/15 22:20

20151028xiaodaige
los angeles clippers
mizuno running shoes
tory burch outlet online
philadelphia eagles
hogan,hogan outlet,scarpe hogan,hogan sito ufficiale,hogan interactive
lebron shoes
phone cases
snow boots
kobe bryants shoes
canada goose outlet
true religion canada
nike mercurial
christian louboutin shoes
toms outlet store
polo shirts
ugg boots
valentino outlet
prada outlet online
nike air huarache
ray ban outlet
pandora outlet
oakley sunglasses
mulberry outlet store
cheap ray ban sunglasses
michael kors outlet
nike air huarache
air jordan 11
coach outlet
new york giants
cheap nfl jersey
lacoste pas cher
winter coats
soccer jerseys wholesale
cleveland cavaliers
bottega veneta outlet
north face jackets

陈晓 29/10/15 01:28

crx123
michael kors emulsify tommy hilfiger outlet stores and louboutin shoes not uggs outlet come wholesale handbags to vans the burberry surface. oakley sunglasses cheap nfl jerseys longchamp nike running nike roshe run tory burch sale gucci outlet indoor soccer shoes clothing websites prada outlet michael kors christian louboutin omega ralph lauren uk polo ralph lauren outlet tommy hilfiger juicy couture outlet gucci sale michael kors horloges ugg boots nike outlet coach factory outlet store nike air max air force air max thea pandora nike outlet store oakley sunglasses cheap jimmy choo shoes michael kors outlet online chanel outlet michael kors purses glasses online ralph lauren australia kate spade outlet nike air max 2014 coach outlet store online mcm handbags moncler jackets sale tiffany and co louis vuitton louis vuitton bags

Qing Cai 28/12/15 03:50

michael kors outlet
ferragamo shoes
air max 2015
cheap uggs
tiffany jewelry
michael kors wallet
rolex watches for sale
ugg outlet
louis vuitton handbags
north face jackets
michael kors outlet
nike huarache
true religion jeans
ugg boots
coach outlet
soccer jerseys
lebron james shoes
longchamp handbags
uggs outlet
christian louboutin uk
true religion outlet
hermes outlet
cheap snapbacks
ugg outlet
oakley sunglasses
ugg outlet
louis vuitton outlet
nobis outlet
ray ban sunglasses
swarovski crystal
michael kors sale
mcm outlet
swarovski crystal
moncler outlet
mulberry handbags
rolex outlet
mbt shoes
oakley outlet
michael kors outlet clearance
tiffany outlet
cai20151228

xumeiqing 18/01/16 00:09

20160118meiqing
ray ban sunglasses
tory burch outlet
ray ban uk
louis vuitton outlet
michael kors outlet
coach factory outlet
louis vuitton outlet stores
tory burch sale
michael kors
cheap oakley sunglasses
canada goose outlet
ugg boots
oakley sunglasses wholesale
nike air force 1
michael kors handbags
ray ban sunglasses outlet
michael kors outlet
ugg outlet
michael kors outlet
louis vuitton
swarovski jewelry
ugg boots on sale
beats headphones
michael kors outlet online
toms shoes
cheap jerseys
cheap uggs
montblanc
coach factory outlet
canada goose
louis vuitton handbags
louis vuitton outlet
louis vuitton outlet
ugg boots
chanel bags
ugg australia
nike air max
tory burch sale
coach outlet store online
louis vuitton handbags

dong dong23 28/06/16 03:51

toms shoes
ray ban sunglasses
louis vuitton handbags
coach factory outlet
true religion shorts
abercrombie
michael kors outlet
cheap jordans
oakley sunglasses
louis vuitton handbags
coach factory outlet
true religion outlet
true religion jeans
nike outlet
kobe bryant shoes
michael kors handbags
air max 90
michael kors outlet
christian louboutin shoes
adidas yeezy
longchamp handbags
christian louboutin sale
kate spade outlet
air jordans
nike air max
nike outlet store
coach factory outlet
louis vuitton bags
fitflops sale clearance
rolex watches
oakley sunglasses
kobe bryant shoes
nike uk
nike free run 2
jordan 6
louis vuitton handbags
timberland outlet
cheap jerseys
michael kors handbags
toms outlet
20166.28wengdongdong

Gege Dai 15/07/16 13:00

nike air max 90
football shirts
longchamp handbags
mulberry handbags
kate spade uk outlet
tods outlet
nba jerseys
ed hardy clothing
mulberry uk
cheap mlb jerseys
prada outlet online
michael kors outlet
supra shoes sale
beats by dr dre
cheap jordans
mont blanc outlet
christian louboutin shoes
ralph lauren outlet
prada handbags
gucci sunglasses
cheap nike shoes
burberry outlet sale
polo ralph lauren
ferragamo outlet
true religion uk outlet
longchamp outlet
tory burch outlet
coach outlet online
louis vuitton handbags
cheap ray ban sunglasses
nba jerseys
michael kors outlet
kobe bryants shoes
rolex orologi
nike free run
chanyuan0716

Postar um comentário