Olá penguins tudo bem ?
A pedidos,estarei ensinando como criar um botão de voltar ao topo,e como inseri-lo no blog ! Mãos na massa !
Criando o Botão
Abra seu Fireworks CS6 e crie um novo documento com o tamanho de 130x60 px; (sua preferência) com o fundo Transparente !
Faça uma base para seu botão e adicione cor e textura.
Agora adicione o texto,ou imagens no seu botão, e para finalizar adiciona um contorno.
Salve sua imagem,vá em Layout>Adicionar Gadget>HTML>Javascript.

Então cole este código no seu gadget substituindo o LINK DA IMAGEM pelo link do seu botão.
Vermelho: Apague o que está escrito em vermelho,e cole o link da sua imagem ali,sem remover as aspas.
Laranja: Você pode alterar ou deixar assim mesmo,em laranja define o comprimento para a margem alterando o 6px para o tanto que você quer.
Espero que tenham gostado da dica, até a próxima penguins !
A pedidos,estarei ensinando como criar um botão de voltar ao topo,e como inseri-lo no blog ! Mãos na massa !
Criando o Botão
Abra seu Fireworks CS6 e crie um novo documento com o tamanho de 130x60 px; (sua preferência) com o fundo Transparente !
Faça uma base para seu botão e adicione cor e textura.
Agora adicione o texto,ou imagens no seu botão, e para finalizar adiciona um contorno.
Salve sua imagem,vá em Layout>Adicionar Gadget>HTML>Javascript.

Então cole este código no seu gadget substituindo o LINK DA IMAGEM pelo link do seu botão.
<div style="position:fixed; bottom: 0px; margin-right: 6px; right: 0px;"><a href="#" title=""><img src="LINK DA IMAGEM" border="0" /></a></div>Entendendo as cores
Vermelho: Apague o que está escrito em vermelho,e cole o link da sua imagem ali,sem remover as aspas.
Laranja: Você pode alterar ou deixar assim mesmo,em laranja define o comprimento para a margem alterando o 6px para o tanto que você quer.
Espero que tenham gostado da dica, até a próxima penguins !



vlw, ajudou muito
ResponderExcluirNão dava pra copiar o código, e daí eu tive q ir escrevendo letra por letra,símbolo por símbolo...Mas deu tudo certo! Valeu!
ResponderExcluir