terça-feira, 24 de janeiro de 2012

Tutorial-Imagem fixa em um canto +seta para o topo

 
  Hoje vou mostrar como se coloca uma imagem fixa no canto do blog. Alguns chamam de trik pojok em nossa lingua, truque de cantos, bem simples e utíl, na maioria das vezes. 

Vá em >Design > Adicionar um gadget > e cole isso.

<div style="position:fixed; bottom:0px; right:0px;">
<a href="SEU LINK"><img src="URL DA IMAGEM" border="0"></a></div>
Em verde você pode alterar para onde quer que a imagem fique: 
right(direita) left(esquerda). E pronto! 
 
Agora sobre a seta que leva ao topo,é a mesma coisa só em vez de colocar um link coloque apenas # assim:

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

e sempre quando alguem clicar vai levar ao topo do seu blog.
 
Algumas setas criadas por mim:
 
  Tutorial by: Material extra imagens by Blog Noturna

11 comentários:

  1. Hey
    estava precisando do tuto
    apesar de ser beem fácil
    amei as setas que você fez :D

    gpurple.blogspot.com

    ResponderExcluir
  2. Oi... posso fazer uma pergunta? :'3

    Qual é o efeito q vc mete nas hiperligações? sempre que passamos sobre uma delas as cores ficam passando, gostava de colocar isso tb em meu blog X'3

    Já postou alguma coisa sobre isso...? :'o

    ResponderExcluir
  3. Oi isso se chama efeito arco iris nos links:) Ainda não fiz esse post ,mas vou fazer :)

    ResponderExcluir
  4. Obrigada, amei esse efeito *-*

    ResponderExcluir
  5. Sim JoJo conheço ela sim claro que falo para ela fazer isso beijos

    ResponderExcluir
  6. Oiii JoJo! ;D Eu AMEI seu blog! AMEI AMEI AMEI! O design é lindíssimo, e vc sabe mt de coisas de computador e blogs... Admiro vc por isso! Já to seguindo o seu! vc poderia seguir o meu de volta? e, vc aceita parceria? PFFF, comenta lá! http://blogmyyours.blogspot.com
    BJÃOO! Naath Guerra

    ResponderExcluir
  7. Olá... Adorei seu blog.. Super bem elaborado...

    Estou seguindo.. poderia retribuir linda???

    Bjs ^~^

    http://diario-para-girls.blogspot.com

    ResponderExcluir
  8. Jjo,
    oi sou eu lulu, lembra??? eu vim dar uma passadinha aqui para ver se vc quer participar do concurso do very, very sweet basta deixar um comentario pedindo COM O url DO BLOG. Se vc for participar não se esqueça de colocar o selo de participante na lateral do blog!.
    Beijocas Lulu! ;)

    ResponderExcluir
  9. OI
    Já to seguindo!!
    Segue de volta??

    http://www.guguimpblog.blogspot.com
    Bjokas!

    ResponderExcluir
  10. Fazia tempos q estava procurando um tutorial sobre isso! Valeu!!!

    Bjo!

    ResponderExcluir