Efeito 4 slidings para imagens

|

Este tutorial foi um pedido do David, que viu o efeito em tumblr e me pediu para explicar como se usava no blogger. O código original é do Cantinho HTML, e eu modifiquei algumas coisas e hospedei os scripts na minha conta para não haver problemas depois.
Você pode visualizar o efeito clicando aqui. Legal não é? Então vamos aprender a fazer!

1º - Copie todo o código que está neste link, e cole-o acima de ]]></b:skin> No próprio código tem as explicações do que você deve alterar.

- Agora cole este código onde você quer que as imagens apareçam (em um gadget de html/javascript na sua sidebar, por exemplo). No final do código é onde você vai colocar o link e a legenda de cada imagem.

Está pronto! Até que é bem fácil não é? Se usarem, não esqueçam de creditar o Cherry Bomb.

Quer reblogar este post? Veja as regras primeiro!

60 comentários

  1. Já tinha visto anteriormente *-* Ele é lindo *-*
    rubylfanfics.blogspot.com

    ResponderExcluir
  2. Muito show o tuto e é bem fácil de fazer!
    Beijos

    modaetutorial.blogspot.com

    ResponderExcluir
  3. Legaaal!


    http://fimk.blogspot.com.br/

    ResponderExcluir
  4. Muito lindo, gostei :)
    Candypictures-br.blogspot.com

    ResponderExcluir
  5. lindo blogue!!!

    Me sentiria honrada se seguisse meu blog, que estou retomando após ficar um longo período longe deste universo;

    <3

    ResponderExcluir
  6. Esse fica um do lado do outro? Porque tipo, eu já tentei fazer mas um não ficou do lado do outro, ficou abaixo do outro.

    ResponderExcluir
    Respostas
    1. É então, eu também não consegui colocar um do lado do outro ;/

      Excluir
  7. Liah, tem como você dar uma entrevista pro meu blog? Ele não é famoso nem nada, mas iria ser bem legal e também ia ajudar muito!

    ResponderExcluir
  8. Acho lindo esse efeito, principalmente para gadget autoras. Ficou bem explicadinho, depois eu dou uma testada. Um beijo.

    World-cutest.blogspot.com

    ResponderExcluir
  9. oi Liah gostaria que você fizesse um tutorial de como fazer uma pagina de goodies como a sua! desde já agradeço!

    Brigadeiro-no-glitter.blogspot.com

    ResponderExcluir
  10. Liiindoooooooo!O efeito é divo!Estou até pensando em usar em meu próximo layout!Eu vou reblogar!Eu já li os termos e concordo!Beijão grandão!
    Cereja de Glitter.
    http://www.cerejadeglitter.blogspot.com

    ResponderExcluir
  11. Esse efeito é lindo mesmo, e já comentei no post das indicações, quando vi meu blog aqui nem acreditei, muito obrigada Liah <3
    Beijos, Ana Adolescentes do oposto (blog no pefil)

    ResponderExcluir
  12. Nunca tinha visto, é muito legal, principalmente para afiliados.

    Republica Feminina

    ResponderExcluir
  13. esse feito eu já tinha visto, acho ele muito legal, estou fazendo um novo layout e seus tutoriais estão sendo muito úteis

    ResponderExcluir
  14. Sempre Arrasando.

    http://winxclubfas.blogspot.com.br

    ResponderExcluir
  15. Visitem meu blog :: http://oh--matic.blogspot.com.br/

    ResponderExcluir
  16. Poderia fazer um tuto de como colocar este efeito que está nas imagens dos posts do Cherry Bomb?...Obrigado

    http://wackodesigns.blogspot.com.br/

    ResponderExcluir
  17. Eu já tinha visto esse tutorial lá no tumblr, fica muito bom *-*
    Liah, desculpa por não ter te creditado, é que no meu blog de teste ainda estava os créditos velhos, ai eu não atualizei, mas á te coloquei lá :)
    República Crash - Clique Aqui

    ResponderExcluir
  18. Muito legal esse efeito Liah ! É perfeito para usar no gadget de equipe ^^

    Luce ~ Unicorns of Plush

    ResponderExcluir
  19. Eu ja conhecia esse efeito,já usei em blogs de amigos..Adoro ele.;3

    ResponderExcluir
  20. Esse efeito é lindo demais, Liah, amei!

    Beijo,
    http://vitima-fashion.blogspot.com/

    ResponderExcluir
  21. Supeeeeer lindo, adorei a dica Liah!!
    Beeijos
    http://unhaseesmaltesdicas.blogspot.com.br/

    ResponderExcluir
  22. Oiii, adoreei seu blog, é muito fofo ^^ e já vejo à bastante tempo ><
    Gostaria que você participasse do nosso blog >> chuvadesonho.blogspot.com
    Beeijãão!!

    ResponderExcluir
  23. E ai fofa?
    Amei o tutorial :)
    Bom meu blog estava desativado e acabei de voltar :)
    Quer dar uma ajudinha sabe? shaushau
    Brincadeira, acho que vou usar seu tutorial linda
    Bju sweetworldbr blogspot

    ResponderExcluir
  24. oi fofis queria pedir um tuto urgente é que eu to com correndo com um blog e ele colocou imagen passando no fundo do blog tem como ensina esse tuto ou me passa aonde tem

    ResponderExcluir
  25. ADOREI MUUUIIIITO MESMO ESTE EFEITO EM LIAH! OMG FAVORITEI PRA USAR DEPOIS, VALE MESMO A PENA USA-LO! OBRIGADA! :)
    http://pequenomundodosblogs.blogspot.com

    ResponderExcluir
  26. Amei o efeito! Demais!
    Está rolando um amigo secreto lá no GB! Que tal participar? Inscrições até dia 13/12. Passa lá!
    http://garota---blogueira.blogspot.com.br/2012/12/amigo-secreto-em-comemoracao-aos-80f.html
    Espero você!

    ResponderExcluir
  27. Ooi amor seguindo,pode retribuir? amei o Blog!
    Beijoos

    ResponderExcluir
  28. Ah, eu amei o efeito !! Acho que vou utiliza-lo no meu próximo Layout ^^ Adorei mesmo, Liah ♥

    Se não for pedir muito, poderia me seguir ??? Eu já sou seguidora - fiel - do CB *--*

    Espero você la no meu Blog♥

    Crazy Girl || Clique no meu Perfil para Visitar ~

    ResponderExcluir
  29. Ameei! Muito legal o efeito :33

    passos-encantados.blogspot.com

    ResponderExcluir
  30. adorei!
    Visitem:
    http://deargabes.wordpress.com/

    ResponderExcluir
  31. É lindo mais como faço para por no cabeçalho? Me ajuda!

    ResponderExcluir
  32. faz um tutorial de como colocar esse efeito de quando passa o mouse nas imagens please

    ResponderExcluir
  33. Muito útil.

    http://l-ovelythings.blogspot.com.br/

    ResponderExcluir
  34. Gostei do efeito :) http://cr4zy-world.blogspot.com.br/

    ResponderExcluir
  35. esse efeito é muito bonito mesmo

    ResponderExcluir
  36. Tudo bem viu? Sei que vc não é desonesto, só avisei mesmo :) obrigada por creditar.

    ResponderExcluir
  37. Amei esse efeito
    http://garota-de-bigode.blogspot.com.br/

    ResponderExcluir
  38. Super legal esse efeito *-*

    me-and-myfriends.blogspot.com

    ResponderExcluir
  39. Lindo mesmo *--* amei

    http://umaprincesaimperfeita.blogspot.com.br/

    ResponderExcluir
  40. Adorei este efeito vou usar no meu blog!
    Muito lindo e bem fácil de fazer...
    Pode deixar que vou creditar...

    ResponderExcluir
  41. Ameei o Efeeito,,muuuito Fofo

    Visita http://lovekawaii-official.blogspot.com.br/ ?

    ResponderExcluir
  42. Poderia me ajudar a como colocar um do lado do outro? Obrigada
    http://beijodopandas.blogspot.com.br/

    ResponderExcluir
  43. Mew Deus acho q sou a única que não conseguiu fazer
    (novata!)

    ResponderExcluir
    Respostas
    1. Cynthia , eu também não consegui ,e também sou novata ! haha '

      Excluir
  44. Eu estou usando :) Já vou por na página de créditos :)

    Obrigada ^^

    http://belezaetals.blogspot.com.br

    ResponderExcluir
  45. Amei !!
    Segue? thoughtsofagirlforever.blogspot.com

    ResponderExcluir
  46. Oie! Vim dizer que sempre visito esse blog, ele é lindo e os tutoriais sempre me ajudam bastante! Eu particularmente adorei esse tutorial. Eu rebloguei ele, seguindo todas as regras, http://planettabackgrounds.blogspot.com.br/2013/01/efeito-4-slidings-para-imagens.html aqui o link da postagem! Se vc achar que não está correto, me avise que eu retiro a postagem! Obg!

    ResponderExcluir
  47. É muito lindo, amei :)

    Alicia
    http://imagines1ddiariodeumafa.blogspot.com.br/

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

    ResponderExcluir
  49. Não encontro o código ...b:skin... no Html do meu blogger =/

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...