02/04/2013

Resultado do Joguinho + Efeito para Equipe

E aê gente, como vão? Bom, trago hoje para vocês o resultado do mini-concurso valendo divulgação do post passado. (Obrigado pelas participações) E além disso trago um Tutorial com um efeito bem legal para quem tem Equipe/Moderadores no Blog *-*
 Bom, a música que eu havia escolhido foi The Way da digníssima Ariana Grande (Até fiz um post AQUI sobre a música :P), e a primeira pessoa a comentar a resposta certa foi a Sâmela do Blog SammySacional.

Print da resposta da vencedora. (Destaque por duas semanas)

Bom, agora vamos aprender o Efeito para Equipe certo?


Como qualquer efeito, você precisa adicionar um Código no CSS do seu Blog, para isso no Painel do Blog, clique sobre o nome do seu Blog - Modelo - Editar HTML - procure por ]]></b:skin>
Encontrou? Agora cole o código abaixo, antes do que você acabou de encontrar:
.Equipe {
border: 2px solid #494949; /* Borda */
-webkit-transition-duration: .99s;
-moz-transition-duration: .99s;
webkit-filter: grayscale(0) blur(0px);-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.Equipe:hover {
-webkit-filter: saturate(0%);
-moz-filter: saturate(0%);
-o-filter: saturate(0%);
-ms-filter: saturate(0%);
}

Feito isso, visualize seu Layout e se estiver tudo certo Salve. Agora, pule para a Ala Layout - Adicionar Gadget - HTML/Javascript e cole dentro da caixinha o seguindo código fazendo todas as alterações:
<div class="equipe">
<a href="LINKDOBLOG" title="NOMEDOMODERADOR"><img src="URLDAIMAGEM" class="Equipe" /></a></a>
</div>
Pronto, Efeito instalado e Gadget adicionado! Fácil não é? E o mais legal é que o efeito não precisa ser necessariamente para uma Equipe, pode ser para uma Elite de Afiliados, Blogs destaques, basta usar a criatividade! Não se esqueçam de creditar o Blog se usarem o Tutorial, ok? Se quiserem mais algum tutorial desse Layout, peçam na minha ASK.FM, aproveitem enquanto ele ainda está no ar (risos). Até a Próxima! 

11 comentários:

  1. .-. Nem particiipei, :c Maiis seu blog é lindo viu ? c:

    ResponderExcluir
  2. gente que coisa mais linda seu blog
    as cores.. tudo muito lindo parabéns ^^
    e parabéns pra vencedora do mini-concurso
    http://manguitarosa.blogspot.com.br/
    beijoos

    ResponderExcluir
  3. Parabéns à vencedora :)
    Adorei o efeito
    CAT GIRL

    ResponderExcluir
  4. parabéns pra quem deu a resposta certa
    adoreii tuto, ficar super lindoo, mais posso te fazer um pedido de tuto??
    esse menu que vc usa na gadget categoriaa, o/
    ensina please???
    caso num queira pra ter blogs iguais e tal, ensina depois qu vc tirar esse lay pleasee o/???
    acervo-de-livros.blogspot.com

    ResponderExcluir
  5. Awn ! Muito legal , eu irei usar no meu próximo lay , certeza *u*

    Visita ? http://lost-in-paradise-oficial.blogspot.com/

    ResponderExcluir
  6. Nossa Alex tava com saudades daqui! Adorei o post, parabéns a vencedora. Eu estava muito curiosa pra saber como faz esse efeito, ainda bem que você postou. Beijos, Rafa!
    http://dreamersofparadise.blogspot.com.br/

    P.S.: Alex o nome do blog mudou, não é mais Rosa Chiclete. Troque na elite afiliados porfavor :D

    ResponderExcluir
  7. Parabéns a ela *o*, o tuto é muito lindo eu adorei ele e o efeito é sem duvidas muito meigo *-*

    XOXO :D
    jovenclube(.blogspot.com.br)

    ResponderExcluir
  8. Parabéns à ganhadora, merecido!
    O efeito é muito divo, mesmo sendo simples, gosto bastante.
    Ah Alex, que saudades! Muito tempo que eu não passo por aqui, não vejo suas postagens (que me fazem tão bem c:) mas agora tá tudo certo, e fico muito feliz que tenha voltado.

    Kiss :33 | viciadasemcupcake.blogspot.com

    ResponderExcluir
  9. Oiee
    Cheguei meio tarde..rsrs..parabéns vencedora.
    Acabei de conhecer o seu blog, e adorei. Muito sucesso ♥
    MilkMilks
    DM
    http://shakedepalavras.blogspot.com.br

    ResponderExcluir
  10. Parabéns para a vencedora, rs
    Adorei o efeito, mt lindo!
    Vou usar ;D

    Seguindo aqui ^^

    http://www.blogmeninamulher.com/

    ResponderExcluir
  11. Parabéns para a vencedora! *O*
    Adorei esse efeito, muito lindo mesmo. <3

    www.black-cherry.com

    ResponderExcluir