BOTÕES VOLTAR | ATUALIZAR | AVANÇAR no seu site WebAcappella

Olá turma do bem!!


Hoje vamos passar uma dica muito simples porém muito útil.

Vamos colocar em nosso site uma forma agradável de incluir um botão voltar, e ou atualizar e ou avançar em nosso site.

Daí é opcional quais botões quer incluir no site.

1) Para isto crie 3 imagens para os botões (lembre de criar as imagens exatamente nas dimensões que você vai usar no site):

1 para voltar
1 para atualizar
1 para avançar

Neste exemplo eu criei:

Para o Voltar:

Para o  Atualizar :

Para avançar:

2) Crie uma pasta na sua hospedagem onde irá fazer upload das imagens.

No exemplo criei a pasta "img"

3) Faça upload das imagens para esta pasta.

Agora no WebAcappella com a opção INSERIR>>CÓDIGO HTML inclua os código de acordo com o botão que você desejar: (Você pode ter a opção só de usar o botão voltar ; use conforme sua necessidade)

Ative a caixa de verificação "Ativar a pré visualização" para que tenha referência do posicionamento do botão no seu site.

Para o botão voltar inclua este código:

Substitua o texto em vermelho pelo caminho de sua imagem:

<a href="javascript:history.go(-1)"><img src="http://www.bhinf.com.br/img/voltar.png" /></a>

_________________________________________________________________________

Para o botão avançar inclua este código:

Substitua o texto em vermelho pelo caminho de sua imagem:

<a href="javascript:history.go(+1)"><img src="http://www.bhinf.com.br/img/avancar.png" /></a>

_________________________________________________________________________

Para o botão atualizar inclua este código:
Substitua o texto em vermelho pelo caminho de sua imagem:

<a href="javascript:history.go(0)"><img src="http://www.bhinf.com.br/img/atualizar.png" /></a>


Na demonstração ON LINE na página principal eu utilizei os 3 botões, já se entrar na área restrita eu utilizei apenas o botão voltar.