Como colocar um botão ‘voltar ao topo da página’ no Blogger

sexta-feira, 20 de abril de 2018

Como colocar um botão ‘voltar ao topo da página’ no Blogger





Muitos blogs tem sua página principal muito grande, mesmo aqueles que usam o resumo dos posts., o que força o leitor a rolar a página por bastante tempo. Por isso, se você se encaixa nesse perfil e não quer abrir mão disso, pode usar um recurso como o botão ‘voltar ao topo da página‘, pra agilizar esse processo ao usuário.



Voltar ao topo significa voltar ao cabeçalho do blog, a parte de cima. Como hoje em dia a coisa é muito ágil na internet, esse botão faz esse processo em apenas um clique, evitando que o leitor role a página até lá, o que pode causar irritação e perda de visitantes.

Pra instalar o código é muito simples. Siga essas etapas, depois de baixar o modelo completo do seutemplate, no caso de der algo errado:
No painel do Blogger, clique em Design e depois em Editar HTML. Não é necessário expandir os modelos de widgets.
Dê um Ctrl+F no seu navegador e digite </body> no campo indicado.
Copie o código abaixo e cole exatamente acima da tag </body>:


<span style=’font-size:130%;’><a href=’#’ style=’display:croll_top;position:fixed;bottom:5px;right:5px;’><img alt=’Voltar ao Topo da Página’ src=’link da sua imagem‘ height=’23′ width=’23′ title=’Voltar ao Topo da Página‘ /></a></span>

Note que é o atributo ‘#’ o responsável pela página voltar ao topo.



No campo em vermelho, coloque o link da sua imagem. Hospede-a no Picasa ou qualquer outro serviço. Pode ser um ícone com uma seta ou uma “mãozinha” com o dedo apontando pra cima. Clique aqui pra procurar um ícone ideal.

Nos campos em verde são os valores de largura e altura da imagem. Coloquei 23 pixels como exemplo, mas o ideal é que não passe de 32, pra imagem não ficar muito grande.

A parte em azul é a que vai aparecer escrito quando colocado o cursor do mouse em cima da imagem. Use a imaginação e escreva o que quiser.

Marcadores

AGRADECIMENTO (8) AMIZADE (66) AMOR (54) ANIVERSÁRIO (9) ANIVERSÁRIOS (30) ANJOS (4) ANO NOVO (38) BACKGROUDS (9) BANNER FEMININO PRONTOS PARA YOUTUBE GRÁTIS 2048 X 1152 (8) BARRINHAS (19) BEIJOS (3) BELAS IMAGENS (9) BELAS IMAGENS DA NET (2) BELAS MENSAGENS (7) BOA NOITE (110) BOA SEMANA (19) BOA TARDE (74) BOA VIAGEM (2) BOM DIA (68) Bonecos de Massinha que se mexem (5) CAPAS PARA FACEBOOK (5) CARINHO (12) CARTÕES DE NATAL (33) CARTÕES EVANGELICOS (7) Cartões Evangélicos (7) CASAMENTOS (5) COMEÇO DE SEMANA (37) Convites para Chá de Bebê Grátis para imprimir (7) copa do mundo (10) coração (6) DEPOIMENTOS PRONTOS PARA ORKUT (42) DEPRESSÃO (3) DESCULPAS (3) DIA DA MULHER (14) DIA DAS CRIANÇAS (19) DIA DAS MÃES (7) DIA DO AMIGO (6) DIA DOS NAMORADOS (19) DIA DOS PAIS (27) DIA INTERNACIONAL DA MULHER (11) DICAS (6) DOMINGO (39) ENGRAÇADAS (5) EU TE AMO (8) FACEBOOK (15) FAMILIA (4) FELICIDADES (15) FELIZ ANIVERSÁRIO (10) FELIZ ANIVERSÁRIO NOVO (8) FELIZ ANO NOVO (16) FELIZ DIA DO AMIGO (4) FELIZ NATAL (14) FELIZ NATAL EVANGÉLICO (3) FEMININO (9) FERIADO (13) FÉRIAS (4) FIM DE SEMANA (46) FINAL DE SEMANA (27) FLORAL (19) FLORES (4) FRAMER (3) Frases de Famosos (5) Frases para Facebook (4) FRASES PARA STATUS DO MSN (32) FRASES PARA TWITTER (10) Frases Românticas (11) FREE (39) FRIO (1) FUNDOS (6) GIFS (16) GIFS ANIMADOS PARA FACEBOOK (4) GIFS BARRINHAS (5) GIFS BÍBLICOS (5) GIFS BOA NOITE (33) GIFS CORAÇÃO (4) GIFS DE AMIZADE (15) GIFS DE AMOR (25) GIFS DE ANIVERSÁRIOS (13) GIFS DE ANO NOVO (14) Gifs de Boa Tarde (19) GIFS DE BOM DIA (20) GIFS DE BOM FERIADO (4) GIFS DE CACHORROS (8) Gifs de Café (5) GIFS DE DOMINGO (7) GIFS DE ELOGIO (3) GIFS DE FADAS (9) GIFS DE FELIZ ANO NOVO EVANGELICO (3) GIFS DE FLORES (3) GIFS DE GATOS (4) GIFS DE INÍCIO DE SEMANA (9) GIFS DE MEUS PÊSAMES (1) GIFS DE NATAL (58) GIFS DE OBRIGADO (9) GIFS DE PARABENS (8) GIFS DE PÊSAMES (3) GIFS DE QUARTA-FEIRA (4) GIFS DE QUINTA-FEIRA (5) GIFS DE SEGUNDA-FEIRA (3) GIFS DE SEXTA-FEIRA (5) GIFS DE TERÇA-FEIRA (3) GIFS DIA DAS CRIANÇAS (9) GIFS DIA DAS MÃES (5) GIFS DIA DOS PAIS (5) Gifs Fim de Semana (22) Gifs Início de Semana (11) GIFS ROMANTICOS (3) GIFS SABADO (4) Gifs Sticks (1) GIFS TE ADORO (3) IMAGENS LINDAS (6) IMAGENS LINDAS BRILHANTES (2) INÍCIO DE SEMANA (26) LAYOUTS (64) LINDOS SCRAPS DE NATAL (16) Luto (4) Mensagens de Amizade (12) MENSAGENS DE NATAL (6) MENSAGENS DELICADAS (3) MENSAGENS E POEMAS (4) MENSAGENS EVANGELICAS (9) MOLDURAS (8) NAMORADOS (23) NATAL (11) NUVENS (4) OBRIGADO (11) OTIMISMO (2) PAPEL DE PAREDE (39) PARABÉNS (23) PARABENS PELA CHEGADA DO BEBE (16) PÁSCOA (87) Patricinhas (4) PERSONALIZADO (15) PESAMÊS (7) QUARTA-FEIRA (15) QUINTA-FEIRA (11) RECADINHOS ESCRITOS COM GIFS PARA ORKUT BONITINHO (7) RECADINHOS EVANGELICOS (4) ROSAS E FLORES (6) SABADO (19) Salmos e Versículos (6) SAUDADES (8) SCRAPS DIA DAS CRIANÇAS (8) SCRAPS DIA DAS MÃES (10) SCRAPS DIA DOS NAMORADOS (16) SCRAPS EU TE AMO (6) SCRAPS EVANGÉLICOS (13) SCRAPS OBRIGADO (8) SCRAPS ROMANTICOS (6) SEGUNDA-FEIRA (13) SEJA BEM VINDO (12) SEXTA-FEIRA (16) TEMPLATES (7) TERÇA-FEIRA (14) TEXTURAS DE LUZ (5) VERSÍCULOS BÍBLICOS (5) VERSÍCULOS SCRAPS (10) VOLTA AS AULAS (8) Wallpaper (21)
Designer:IMAGENS E AFINS