Saiba Como:..."Como colocar um botão ‘voltar ao topo da página’ no Blogger"
acima de
no html de seu template
Colar o código a seguir
▼
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzZ4ojJ7h2dYkBm55rEbNfZgP2voJ9N5ZN696tHV9W5irz-D_kKsb1MI4-4FPnwWIO3W_vFsvf6QiG5_OlB22w4C1btnPV4SgGsUSUA6EQ4viO9CgVOM4nwjPh6alqnJqP4n9_oaGMKS1C/s200/Seta+voltar+ao+topo.png' height='23' width='23' title='Voltar ao Topo da Página' /></a></span>
Pesquisa realizada em:
portanto,
fonte e créditos desta postagem para:
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.
Para instalar o código é muito simples. Siga essas etapas, depois de baixar o modelo completo do seu template, 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.
Nenhum comentário:
Postar um comentário
Mensagem do formulário de comentário: