Image Map

2 de jun. de 2012

Como Colocar Um Botão De Seta, Para Voltar ao Topo?


Essa outra dica para você personalizar o seu blog é mais fácil ainda. Eu quebrei muito a cara e indo de site em site que explicavam de uma maneira muito complicada e difícil, principalmente para quem é iniciante na arte de modificar o html do blog. Pois bem, eu encontrei esse tutorial que vou repassar para vocês, porque é super fácil e sem margem de erro!



Vá em Design; Editar Html e marque a caixinha 'expandir modelos de widgets'


Pressione Ctrl + F ou F3 vai aparecer uma caixinha de busca
nela pesquise por:

</body>

O código vai aparecer destacado em laranja, logo ACIMA dele cole o código abaixo:


 <div style='float:right;'><a href='#'><img src='URL DA IMAGEM DA SETA' style='display:scroll; position:fixed; bottom:5px; right:5px;' title='Voltar ao Topo da Página'/> </a> </div>

Vai ficar assim:


Substitua o que está em vermelho (URL DA IMAGEM DA SETA) pela url da imagem da seta que deseja.
Se você quiser que a seta fique do lado esquerdo é só trocar o que está em azul (right) por left e se quiser que fique no centro é só trocar por center.


Ou você pode fazer de um outro jeito mais fácil ainda que é pelo o Html dos gadgets do seu blog!

Assim:


<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="URL da imagem"border="0" /></a></div>


Algumas para você, se você gostou de alguma delas é só copiar o URL da imagem!

imagem  imagemimagem imagemimagemimagem

      

   

Um comentário: