20/02/2013

Tutorial - Efeito 4 Slidings

✿ By:

Boa noite jujubas ^-^

Sim, eu to continuando a postar, mas é bom, eu estou arranjando um tempo aqui pro blog! Ah, e finalmente trago um tuto né? Faz tempo que não posto tutorial aqui... Enfim, eu acho esse efeito perfeito, e fica bastante bom em qualquer layout, eu acho.
Eu encontrei esse tuto lá no FYB, então, se forem reblogar, creditem lá :33

Preview ><




1. Vá até editar HTML e procure por ]]></b:skin>. 
Achou ? Agora cole esse código acima do procurado.



2. Adicione um gadget HTML/JavaScript e no conteúdo dele cole esse código aqui.


Entendendo o código


- width e height correspondem a largura e altura da imagem.
- Para repetir o efeito copie do <div class="qitem"> ao </div>



É isso gente, espero que tenham gostado, e não
deixem de comentar ^-^'


Kissus u3u


Marcadores: às

17 comentários:

  1. Blood good20 de fevereiro de 2013 às 16:03

    bem ja conheciaa o/ , mais adoooro esse feitoo o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  2. anna20 de fevereiro de 2013 às 16:32

    Luuh, eu estava procurando por este tutorial a semanas!!!
    Obrigada por disponibilizá-lo!
    Beijinhos, Mizu! ~♥

    Bunny Day's

    ResponderExcluir
  3. L E T H ~20 de fevereiro de 2013 às 16:43

    Esse efeito é muito divo.Me lembra de 4 portas se abrindo,hahaha!Até usaria,mas prefiro os efeitos mais simples,como o efeito zooming e o Nebulla do Kawaii World,até que usarei o zooming num dos meus layouts ^3^

    Beijos-ChilliLovers123.Blogspot.Com ♥

    ResponderExcluir
  4. Ingrydh Rocha20 de fevereiro de 2013 às 17:05

    e bem legal, me lembra o tumblr.

    to seguindo aqui, rs, se puder retribuir, ficarei grata
    www.blogsweetgirls.com

    ResponderExcluir
  5. Unknown21 de fevereiro de 2013 às 05:00

    Já conhecia tbm, adoro esse efeito. É muuito lindo *---*
    Quer ser um Blog Irmão?
    http://republicacrash.blogspot.com.br/

    ResponderExcluir
  6. Our Generation21 de fevereiro de 2013 às 11:30

    Este comentário foi removido pelo autor.

    ResponderExcluir
  7. Our Generation21 de fevereiro de 2013 às 11:31

    Gostei muito, eu achava lindo mas não sabia fazer obg! ^^

    --http://generationour.blogspot.com.br/

    ResponderExcluir
  8. Lalu22 de fevereiro de 2013 às 08:54

    Ola amei teu blog, lindo super fofo!! Seguindo desde já, da uma passadinha lá no "Lalu" se não for incomodo segui.. Beijoos
    blogando-comlalu.blogspot.com

    ResponderExcluir
  9. Flavia22 de fevereiro de 2013 às 09:01

    Pessoal
    Ajudem comprando qualquer item da promoção da lojinha para ajudar nas despesas dos animais resgatados que aguardam adoção em lar temporário
    http://adoteumfocinhocarente.blogspot.com.br/2013/02/itens-novos-na-lojinha-e-promocoes.html

    ou comprando qualquer numero da rifa
    http://adoteumfocinhocarenterifas.blogspot.com.br/

    Por favor, ajudem na divulgação. Quem sabe aquele amigo que vc nem sabia quer adotar um animalzinho??
    WWW.adoteumfocinhocarente.blogspot.com

    ResponderExcluir
  10. Vanessa *-*22 de fevereiro de 2013 às 16:40

    Muito legal o tutorial, amei! Seguindo aqui seu cantinho adorei o layout parabens bom trabalho!

    Segui de volta??


    www.iluvcandybars.blogspot.com

    Bjs Isa

    ResponderExcluir
  11. amanda taline23 de fevereiro de 2013 às 10:16

    adorei seu blog tudo muito lindo viiu , segue lá meu blog ? femininaoficial.blogspot.com.br vou adorar sua visita

    ResponderExcluir
  12. Dayane8 de março de 2013 às 16:08

    como eu faço para diminuir essa imagem preta? Tipo, as fotos que eu usei são 110x110 e ficou pequena no efeito. Me ajuda =S

    ResponderExcluir