Botão subir com efeito




Queridos amigos(a)
Hoje o Tutorial é bastante útil no blog, vamos aprender a colocar aquela setinha de subir. Porém neste a setinha só aparece quando desce a barra de rolagem no canto inferior do blog com um efeito muito legal.
-------------------------------------------------------------------------------------
Copie o código abaixo, cole antes de </Head>


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>



-------------------------------------------------------------------------------------
Agora copie o código abaixo, cole antes de ]]></b:skin>


   /* Botao subir
----------------------------------------------- */
#IrArriba {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}

#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(ENDEREÇO DA IMAGEM)no-repeat center center;   





-------------------------------------------------------------------------------------
Por ultimo copie o código abaixo cole antes de </body> e salve




Criei algumas setinhas

Copie o endereço que esta dentro da caixinha e cole onde esta marcado de verde no código.































































Não conseguiu usar? Clic aqui WWW
Cada setinha decorada foi criada por mim se usar por favor de os créditos é proibido reblogar.


30 comentários:

  1. Adorei o tutorial,lindas as setinhas!
    beeijos :3

    Gotas de fofura

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. Adorrei ameii as setinha ireii usar mais lógicamente colocareii seu cre´ditos

    Beijos ♥

    ResponderExcluir
  4. Awn, adorei o tutorial. Pensa que eu não percebi a pequena mudança no layout? o Dany Place ficou ainda mais foto, em clima de natal. Parabéns pelo blog, continue fazendo esse trabalho maravilhoso e traga sempre tutoriais como esse, fofos e fáceis de se aprender. Beijos!

    Nosso Capricho
    ► apsmass.blogspot.com

    ResponderExcluir
  5. Awwn, amei o tuto!
    Gostei do novo Lay do DP *--*
    Beijos..
    Cupcake de Morango

    ResponderExcluir
  6. Que fofo que está aqui *_* adorei o tutorial :)

    www.blogmundodamoda.com/

    ResponderExcluir
  7. Ótimo tutorial! As setinhas ficaram super fofas! Amei o blog, o design é lindooo! Seguindo, beijinhos!

    Explodindo Glitter

    ResponderExcluir
  8. Amoooo códiiigos, para testar e fazer a festa <3
    Post perfeitoooo

    Ain flor, agradeço super pela visita no Embalaço.
    E queria convidá-la a voltar por lá, post da vez: Sabe qual o tamanho de sutiã ideal para você? Visite e tire suas dúvidas... Sutiã, matéria completa

    Espero por você!!

    ResponderExcluir
  9. Adorei amiga!
    Mas me diz uma coisa, esse dá pra por no meu sem entrar em conflito com os slides?!
    Beijos e um ótimo fim de semana!
    Unhas minha Paixão
    Sorteio

    ResponderExcluir
  10. Amiga deu certo\o/ peguei o esmaltinho viu?!
    Beijos!!!

    ResponderExcluir
  11. Seu blog é perfeito adorei os tutoriais, super seguindo aqui, obrigada pela visita \o/
    beijãoo e ótimo final de semana

    ResponderExcluir
  12. É pq eu acabei de pôr a minha setinha, senão pegava uma sua...seu blog é muito lindo, fofo. Seguindo no gfc e curtindo no face.

    http://facebook.com/brogandome/
    http://brogandome.blogspot.com/
    http://saorimonroecobain.tumblr.com
    @carolposeidon

    ResponderExcluir
  13. Ques setinhas lindas *-* Ah, adorei o tutorial! No meu tumblr, o botão subir tem esse efeito.

    garota-queen.blogspot.com ♥

    ResponderExcluir
  14. Olha eu aqui de novo hahah, obrigada pela visita <3 vim avisar que tem post novo lá no blog viu? :)
    Ps: já comentei sobre o post aqui em cima *_*

    www.blogmundodamoda.com/

    ResponderExcluir
  15. Oi Dany, muito bom o tutorial, tem muitos blogs usando o botão subir *-* Bjos!

    ResponderExcluir
  16. Óun, ameei, muito lindaas as setinhaas *-*
    adoreei o tutorial, ótima dica! ;)
    Ameei seu blog, já estou te seguindo também!
    Agradeço a visita no meu blog e por me seguir... volte sempre lá... será mto mto bem vinda, sempre! :) beeijoos.
    contornoperfeito.blogspot.com.br

    ResponderExcluir
  17. adoraria saber fazer isso, mas morro de medo :$

    Flor! Conheci seu blog passeando pela net! Te convido para conhecer meu canal do youtube e blog e se inscrever nos dois se possível! Obrigada!! Me mande um recado para eu te seguir de volta! :)

    Beeeeijooos

    re-becah .blogspot.com (JUNTAR O LINK)

    youtube .com/user/blogdareh/featured (JUNTAR O LINK)

    ResponderExcluir
  18. Nossa, que perfeito esse tuto ! *-*
    Beijinhos Dany
    http://cenariumfashion.blogspot.com.br

    ResponderExcluir
  19. Que legall, adoro tutoriais, pois sou péssima com essas coisas e nunca sei fazer essas personalizações haha

    obrigada pela visitinha, já estou te seguindoo
    bjoss

    http://designermaniagiovana.blogspot.com.br/

    ResponderExcluir
  20. Eu já uso esse tuto no meu blog, mas que setinhas mais liiiiiindas menina! Amei todas! *--*
    Beijos <3

    myacidblackcherry.blogspot.com
    blackcherrytemplates.blogspot.com

    ResponderExcluir
  21. Amo esse efeito, super facil né?
    Ai lindaa! Tava com saudades de vc la no Historia Agridoce >.<
    Desculpa demorar pra passar por aqui, tenho minhas provas e etc..
    Nunca mais sai de la ok? haha
    beijos!

    Facebook/HistoriaAgridoce

    HistoriaAgridoce.blogspot | Um novo começo.

    ResponderExcluir
  22. Adorei o tutorial!!!
    Beijos

    www.chadatarde.com

    ResponderExcluir
  23. oi dany minha linda estou em love com o novo visu do blog, Parabéns que deus lhe abençoe e lhe ilumine sempre
    bjokas

    ResponderExcluir
  24. Dany querida ameiiiiiiiiiiiiiiiiiiiiiiii,eu coloquei a setinha da margarida,agora só preciso que me ensine a colocar os creditos que a setinha é sua :>,please?
    bjs
    http://tudosobreesmaltesunhaseafins.blogspot.com.br/

    ResponderExcluir
  25. Oi Dany estou usando a setinha nº3 da rosa vermelha,obrigada por disponibilizar,bjs...

    ResponderExcluir
  26. Danny. Enquanto vc não colocar em todos os posts sobre blogs o código completo,nunca acerto.O antes de Head ,antes de b:skin,de body .

    Tente colocar um só código,já com todos esses "ANTES",ok?


    Bejinhos

    Dryka



    Blog Suas Histórias Nossas Histórias

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥