06/01/2015

Como colocar ícone de Voltar ao Topo


Olá! Eu irei ensinar como colocar esse ícone de Voltar ao Topo no blog, para quem não sabe é extremamente simples e pode ser feito de duas formas! Irei explicar das duas formas e ficará a critério de vocês escolherem qual é a mais simples.


MODO 1

1- Inicialmente você deve proceder assim como expliquei no tutorial do Tradutor (clique aqui para acessar) até o item 3.

2- Após isso utilize o código abaixo:

<div style='position:fixed; bottom:0px; right:0px;'><a href='#'><img border='0' src='LINK DA FOTO'/></a></div>

Obs.: Onde está o link da foto você deve colocar o link da imagem que deseja.

3- Clique em Salvar e antes de Salvar a Organização veja se está tudo bem clicando em Visualizar. Se estiver do seu agrado clique em Salvar a Organização e pronto!

Obs.: Esse modo deixará uma Caixa de Gadget em branco no seu Template.

MODO 2

1- Para quem não tem noção com HTML clicando aqui você poderá ter acesso como proceder.

2- Procure o código: "<div" na barrinha do seu HTML e aparecerá algo mais ou menos assim:


3- EMBAIXO de "<div" coloque o código abaixo:

<div style='position:fixed; bottom:0px; right:0px;'><a href='#'><img border='0' src='LINK DA FOTO'/></a></div>

Ficará algo parecido com isso:


4- Clique em Visualizar Modelo e se estiver tudo de acordo clique em Salvar Modelo.

Obs1.: Esse modo NÃO deixará Caixa de Gadget no Template, acredito que até mais bonito.  
Obs2.: Clique na imagem para amplia-la.

Algumas imagens de Voltar ao Topo

Bt1   Bt5  Bt4  Bt3  Bt2 Bt6

Obs.: Créditos a pessoa que fez a imagem (que eu não sei quem é).

Nenhum comentário :

Postar um comentário

*Evite comentários desnecessários.
*Educação acima de tudo.
*Comentários de parceria apenas por e-mail, por favor, clique em Contato e nos mande um e-mail.
*É permitido o uso das postagens, mas não esqueça de creditar o blog.

Aproveite o blog!

Related Posts Plugin for WordPress, Blogger...