, , ,

Adicionando um link para o topo da página no seu blog

22 comentários
Blogger Hacks 

Todo recurso que possa auxiliar a navegação do leitor é válido num blog, principalmente em blogs longos que utilizam bastante a barra de rolagem. Um recurso bem útil para melhorar a navegação é o link “Topo” que leva o leitor ao início da página.

Para adicionar um link “Topo” no seu Blogger/Blogspot, 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.

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):

</body>

Então cole o seguinte código ANTES: 

<a href='#'style='display:scroll;position:fixed;bottom:5px; right:5px;' title='Ir para o topo'><span style='font-size:12px;'>Topo</span></a>

Substitua a parte em laranja pelo texto do link , a parte em vinho pelo tamanho da fonte, e a parte em verde pelo texto que vai aparecer quando a pessoa posicionar o mouse em cima do link.

Para usar uma imagem no lugar do link, hospede-a num servidor como o Picasa e utilize este código:

<a href='#'style='display:scroll;position:fixed;bottom:5px; right:5px;' title='Ir para o topo'><img src="http://urldaimagem"/></a>

Substitua a parte em laranja pela URL da imagem.

Visualize para ver se está tudo correto e clique em Salvar Modelo.

Aí está o link para o topo da página.

Se o Hack não funcionar ou causar erros no seu template, desfaça as alterações clicando em Limpar Edições ou utilize o backup que você criou e clique em Fazer Upload, então refaça todo o processo.

Comentários (22)
Wander Veroni 09/02/09 20:09

Oi, Sérgio! As suas dicas são sempre ótimas. esse é um recurso que pode dar um tchan a mais no blog, gostei. Abraço

Divino shaka 12/03/09 22:05

Ai eu não entedi nada do que e pra fazer ai mais valeu a dica Obrigado

Lucaspor 17/03/09 20:41

Não deu certoo... fala que num pode coisa escrito "for"

Mitmailou 23/05/09 01:35

Não encontrei esse "/body" e sim "body", então adicione o "/" mas não funciou, retirei o "/" e também nada bom.

Surgi um erro dizendo que a formatação está errada.

Madeira, Raphel 30/06/09 04:48

Sergio, existe o comando contrario?! quero ir pro final do blog mas nao acho isso em lugar nenhum =/

é, ñ deu certo ñ :/

Marcos 12/10/09 17:52

Gostei mas tenho um erro,primeiro tive q adicionar o Gadget HTML/JavaScript,para depois colar o código dentro desse Gadget.Mas mesmo assim gostei parabéns.

Jasiel 04/01/10 18:17

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: Element type "a" must be followed by either attribute specifications, ">" or "/>".

Byte 01/02/10 16:36

só colocar no link # e ele ira subir ao topo e não recarregar a pagina não precisa de mexer no css e isso nem e hack e só recomendo se o blog/site for grande!e se quiser ele flutuando tem utro jeito

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: Element type "a" must be followed by either attribute specifications, ">" or "/>". tbm

Anônimo 06/02/10 22:43

quem sabe html básico levante a mão...

--'

Brasil Egito 30/03/10 13:28

nao funca!! :S

Gege Dai 27/10/15 22:47

20151028xiaodaige
roshe run men
michael kors factory online
indianapolis colts
ray-ban sunglasses
moncler outlet
converse shoes
the north face outlet
the north face outlet
ralph lauren outlet
nfl jersey wholesale
miami heat
fred perry polo shirts
oakley sunglasses
true religion jeans outlet
rolex watches,rolex,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
washington redskins
cheap jordan shoes
snapbacks wholesale
tods shoes
michael kors outlet
michael kors handbags
ugg outlet
supra shoes
louis vuitton handbags
kobe shoes
canada goose outelt
los angeles lakers
swarovski crystal
north face outlet
ray ban sunglasses
ralph lauren outlet
chanel outlet
asics,asics israel,asics shoes,asics running shoes,asics israel,asics gel,asics running,asics gel nimbus,asics gel kayano
hollister canada
woolrich outlet store
hermes belt for sale

Qing Cai 28/12/15 04:45

cheap jordans
michael kors clearance
michael kors handbags
beats by dr dre
michael kors handbags
omega watches
louis vuitton handbags
true religion sale
ralph lauren
rolex watches
basketball shoes
cheap mlb jerseys
michael kors outlet
true religion outlet
hermes birkin
ugg boots
pandora jewelry
michael kors factory outlet
true religion jeans
coach outlet online
chanel outlet
fitflops sale
michael kors online
cheap jordans
cheap oakley sunglasses
nike huarache
ray ban sunglasses
mulberry bags
tory burch outlet
mulberry handbags
barbour coats
kobe shoes
chanel handbags
beats by dre
ferragamo outlet
tiffany jewelry
ray ban sunglasses
coach outlet store
kobe bryant shoes
cheap ugg boots
cai20151228

Qing Cai 28/12/15 04:47

cheap jordans
michael kors clearance
michael kors handbags
beats by dr dre
michael kors handbags
omega watches
louis vuitton handbags
true religion sale
ralph lauren
rolex watches
basketball shoes
cheap mlb jerseys
michael kors outlet
true religion outlet
hermes birkin
ugg boots
pandora jewelry
michael kors factory outlet
true religion jeans
coach outlet online
chanel outlet
fitflops sale
michael kors online
cheap jordans
cheap oakley sunglasses
nike huarache
ray ban sunglasses
mulberry bags
tory burch outlet
mulberry handbags
barbour coats
kobe shoes
chanel handbags
beats by dre
ferragamo outlet
tiffany jewelry
ray ban sunglasses
coach outlet store
kobe bryant shoes
cheap ugg boots
cai20151228

chenlina 31/03/16 21:55

chenlina20160401
jordan retro 4
coach factorty outlet
louis vuitton purses
longchamp le pliage
hollister outlet
michael kors outlet clearance
nike roshe run
lebron 13
oakley sunglasses
christian louboutin
marc jacobs handbags
coach factorty outlet online
replica rolex watches
lebron 11
tod's shoes
coach outlet
michael kors outlet
coach factorty outlet
true religion outlet
asics shoes
air jordan shoes
toms shoes
ray ban sunglasses
louis vuitton outlet
coach outlet
michael kors outlet clearance
longchamp handbags
toms wedges
coach outlet
ray bans
true religion jeans
coach outlet
coach outlet
cheap jerseys
louis vuitton outlet
coach outlet
ray ban sunglasses outlet
insanity workout
cheap oakley sunglasses
louis vuitton handbags
as

Gege Dai 02/04/16 05:20

linyuan0402
cartier sunglasses
versace sunglasses
prada sunglasses
police sunglasses
chrome hearts outlet
cartier outlet
cazal sunglasses
burberry sunglasses
chrome hearts
dior sunglasses
chanel sunglasses
cartier watches
louis vuitton sunglasses
gucci sunglasses

林磊 18/04/16 03:16

2016-4-18 leilei
ray ban outlet
nike free runs
michael kors outlet
vans outlet
oakley sunglasses wholesale
toms outlet
reebok classic
versace
louboutin pas cher
armani jeans
ugg sale
reebok shoes
louis vuitton pas cher
mont blanc pens
oakley sunglasses
coach outlet online
ralph lauren
ecco shoes
fitflops outlet
nike cortez shoes
ray ban sunglass,ray ban sunglasses,ray ban outlet,cheap ray bans,cheap ray ban sunglasses,cheap ray bans,ray bans
louis vuitton handbags
fitflops sale
ghd flat iron
michael kors outlet
burberry
discount oakley sunglasses
michael kors outlet clearance
oakley sunglasses
michael kors outlet clearance
jordan pas cher
nike air max 95
jimmy choo outlet store
valentino outlet
nike cortez red
ralph lauren outlet
coach outlet
louis vuitton outlet
michael kors bags

dong dong23 28/06/16 04:18

ray ban sunglasses outlet
michael kors outlet
coach outlet store online
nike sb shoes
louis vuitton outlet stores
ray ban sunglasses
nike uk
louis vuitton outlet
jordan 3 infrared
tods shoes
nike air max
louis vuitton outlet
tory burch outlet
cheap oakleys
jordan shoes
ralph lauren polo
louis vuitton outlet
hollister clothing
louis vuitton outlet
adidas shoes
lebron james shoes 12
asics shoes
cartier watches
fitflops sale clearance
nike free run
louis vuitton handbags
oakley sunglasses
toms outlet
louis vuitton outlet
christian louboutin outlet
coach outlet
retro jordans
oakley sunglasses wholesale
air jordan 13
coach factory outlet
cheap oakley sunglasses
tods outlet
fitflops
adidas originals
nike sb
20166.28wengdongdong

Gege Dai 15/07/16 13:19

nike outlet store online
dior outlet
louis vuitton outlet
true religion jeans
abercrombie outlet
cheap oakley sunglasses
fitflops clearance
lebron james shoes
true religion outlet
tods shoes sale
ralph lauren pas cher
swarovski crystal
air max 90
true religion jeans
ralph lauren shirts
louis vuitton bags
fitflop sale
true religion outlet uk
rolex watches
louis vuitton sunglasses
air jordan shoes
coach outlet
fitflops sale
chaussure louboutin
michael kors handbags
swarovski outlet
michael kors online
coach outlet online
polo outlet
omega watches
oakley sunglasses uk
ray ban sunglasses sale
nike store uk
coach outlet online
jordan pas cher
chanyuan0716

Gege Dai 21/08/16 22:32

coach outlet
coach outlet
coach outlet clearance
tiffany jewellery
toms outlet
toms shoes
longchamp pliage
ralph lauren polo shirts
true religion jeans
true religion jeans outlet
kobe bryants shoes
nike free 5
pandora jewelry
louis vuitton handbags
mulberry handbags sale
air max 90
rolex watches
michael kors outlet
giuseppe zanotti outlet
reebok shoes
michael kors outlet
uggs on sale
nba jerseys
cartier outlet
michael kors outlet
michael kors outlet online
ysl outlet online
louis vuitton handbags
michael kors wallet sale
oakley sunglasses
nfl jerseys wholesale
adidas wings
michael kors handbags outlet
cheap ugg boots
mulberry outlet,mulberry handbags outlet
czq20160822

Unknown 18/11/16 00:48

instyler max 2 in
michael kors handbags how
jets jersey my
bills jerseys go
oklahoma city thunder jerseys around
cheap ray ban sunglasses little
air jordan uk first
michael kors handbags wholesale I
yeezy boost 350 have
jaguars jersey Five

Postar um comentário