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. Muito lindo, gostei :)
    Candypictures-br.blogspot.com

    ResponderExcluir
  4. lindo blogue!!!

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

    <3

    ResponderExcluir
  5. 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
  6. 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
  7. Acho lindo esse efeito, principalmente para gadget autoras. Ficou bem explicadinho, depois eu dou uma testada. Um beijo.

    World-cutest.blogspot.com

    ResponderExcluir
  8. 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
  9. 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
  10. 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
  11. Nunca tinha visto, é muito legal, principalmente para afiliados.

    Republica Feminina

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

    ResponderExcluir
  13. Sempre Arrasando.

    http://winxclubfas.blogspot.com.br

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

    ResponderExcluir
  15. 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
  16. 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
  17. Muito legal esse efeito Liah ! É perfeito para usar no gadget de equipe ^^

    Luce ~ Unicorns of Plush

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

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

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

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

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

    ResponderExcluir
  22. 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
  23. 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
  24. ADOREI MUUUIIIITO MESMO ESTE EFEITO EM LIAH! OMG FAVORITEI PRA USAR DEPOIS, VALE MESMO A PENA USA-LO! OBRIGADA! :)
    http://pequenomundodosblogs.blogspot.com

    ResponderExcluir
  25. 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
  26. Ooi amor seguindo,pode retribuir? amei o Blog!
    Beijoos

    ResponderExcluir
  27. 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
  28. Ameei! Muito legal o efeito :33

    passos-encantados.blogspot.com

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

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

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

    ResponderExcluir
  32. Muito útil.

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

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

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

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

    ResponderExcluir
  36. Super legal esse efeito *-*

    me-and-myfriends.blogspot.com

    ResponderExcluir
  37. Lindo mesmo *--* amei

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

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

    ResponderExcluir
  39. Ameei o Efeeito,,muuuito Fofo

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

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

    ResponderExcluir
  41. 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
  42. Eu estou usando :) Já vou por na página de créditos :)

    Obrigada ^^

    http://belezaetals.blogspot.com.br

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

    ResponderExcluir
  44. 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
  45. É muito lindo, amei :)

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

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

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

    ResponderExcluir
  48. Oii o meu nao tem ]]> porque sera?

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...