Código e Imagens para Voltar ao Topo da Pagina



Copie o código abaixo, escolha uma imagem que desejar,
copie o endereço da imagem (clique com o mouse em cima e copie url)
coloque onde esta escrito "URL DA IMAGEM",
 Adicione um Gadgets>>
 >>HTML/javascript
 cole dentro e salve.


Este é o código:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="URL DA IMAGEM" border="0"></a></div> 


Vamos supor que tenham gostado da imagem da coruja abaixo, clique em cima e copie o código:


Endereço da imagem da coruja ou mais ou menos isso da imagem que escolher

http://1.bp.blogspot.com/-iwGGiNBcpzU/T2tYe1-WoYI/AAAAAAAAAWY/e2-yXexKcVU/s1600/topo7.png


Agora coloque o endereço da imagem da coruja dentro das(aspas)
"URL DA IMAGEM"

Vai ficar assim:

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://1.bp.blogspot.com/-iwGGiNBcpzU/T2tYe1-WoYI/AAAAAAAAAWY/e2-yXexKcVU/s1600/topo7.png" border="0"></a></div>  


Copie todo este código, vá em adc Gadget, HTML/javascript
coloque todo endereço dentro e salve.
Caso a imagem fique muito grande no endereço da imagem mostrada acima perceba que tem /s1600/, é só alterar para 200, 300 ou o tamanho que desejar.
**************************


Copie o código este está pronto:
<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://1.bp.blogspot.com/-iwGGiNBcpzU/T2tYe1-WoYI/AAAAAAAAAWY/e2-yXexKcVU/s1600/topo7.png" border="0"></a></div>  

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://4.bp.blogspot.com/-gT1dXmEaRaU/T2tYjaNqkbI/AAAAAAAAAWg/YZzG8M-nNiM/s1600/topo2_thumb%5B1%5D.png" border="0"></a></div> 

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://4.bp.blogspot.com/-QwzzQpbIYyw/T2tYm_SQQGI/AAAAAAAAAWo/BXgDqMJWFSk/s1600/topo+(1).png" border="0"></a></div> 

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://1.bp.blogspot.com/-NBhZ2vRnjyM/T2tbwOHP8KI/AAAAAAAAAXg/p740b4d5dSA/s1600/images+(6).jpg" border="0"></a></div> 


<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://3.bp.blogspot.com/-eQjmARJe5FY/T2tboKKOSFI/AAAAAAAAAXY/ToYdLJpA56U/s1600/images+(5).jpg" border="0"></a></div>  


<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://4.bp.blogspot.com/-uYB44w0rccc/T2tbjtIUtUI/AAAAAAAAAXQ/P4MQ-R-Mrd4/s1600/images+(3).jpg" border="0"></a></div> 

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://1.bp.blogspot.com/-2oEiP0ODRK0/T2tbfGnGuhI/AAAAAAAAAXI/kpBCa46W1Dg/s800/images+(2).jpg" border="0"></a></div>

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://2.bp.blogspot.com/-vs9qa7Vd8uo/T2tb2WgvObI/AAAAAAAAAXo/iouxsx9hsjY/s1600/images+(4).jpg" border="0"></a></div> 

<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://4.bp.blogspot.com/-TydLBxF3Y88/T2tbZs6qO4I/AAAAAAAAAXA/Sy3aAegjw1M/s1600/download+(3).jpg" border="0"></a></div>  


<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://3.bp.blogspot.com/-GKCJMl1DJxs/T2tbQJPkL5I/AAAAAAAAAWw/0yPrVFw0wBo/s600/download.jpg" border="0"></a></div>  



<div style="position:fixed; bottom:0px; right:0px;"><a href="#" title="topo da pagina"><img src="http://3.bp.blogspot.com/-ZmA2FZzVbHo/T2tbU8kfdwI/AAAAAAAAAW4/GOPuiq2LY90/s1600/download+(1).jpg" border="0"></a></div>  

Comente pelo Blogger
Comente pelo Facebook
Comente pelo Google+

6 comentários:

  1. São lindos gostei ,mas já tenho
    no meio ,se quiser trocar já sei
    onde pegar
    Obrigado
    Bjãoooo!!!

    ResponderExcluir
  2. Isso facilita muito para voltar ao começo da página.

    ResponderExcluir
  3. Olá amiga!

    Que bom que puseste este codigo para o topo de página, andava a pesquisar por um há muito tempo e nenhum parecia resultar!

    Assim, já posso fazer o meu próprio Topo de página com a imagem que eu escolher! :)

    Obrigada, amiga.

    Beijinhos

    ResponderExcluir
  4. oi! Passei por aqui e gostei do que vi. Faça uma visitinha no meu blog e deixe lá um comentário dizendo o que achou! Sua opinião para mim é muito importante. bjim
    http://textosepretextos-mafalda.blogspot.com.br/

    ResponderExcluir

Obrigada por seu comentário, volte sempre!!!
*Gentileza gera Gentileza*
Os comentários serão liberados, após serem aprovados, conteúdo
que contenha spam e ofensas não serão publicados.

Divulgue suas postagens

Tedioso: Os melhores links

Parceiro

Top blogs de receitas

Dados do blog

  • Top comentaristas

    Top Comentaristas by SemNome
  • Estatísticas do Blog

    Dias online
    Postagens
    comentários
  • PageRank

    PageRank
  • Assinantes do blog

  • Visitas do RoboGoogle

Divulgue nosso Banner

Link-me!