sexta-feira, 5 de julho de 2013

Efeito Puxa + Imagens para Afiliados 50x50

Olá dreamers! Hoje eu estou feliz por dois motivos: eu atingi minha meta de 70 seguidores e eu fui assistir ontem Universidade Monstros . Então é combo de alegria na Nana aqui hahaha. Primeiro, quero falar da minha felicidade de mais uma meta cumprida! Foi pouco a pouco, "grão por grão", mas eu consegui. Voltei a mexer em blog depois de séculos, tive que reaprender algumas (muitas) coisas, abrir minha mente pra aprender coisas novas, ter bastante paciência pra poder esperar, comentar, retribuir, tive que ter forças para não desistir, mas hoje estou aqui. Muito obrigada aos seguidores, e mais ainda aos leitores, que mesmo com os 70 seguidores, 1% é realmente leitor do blog. Mas esse 1% que seja, faz toda diferença, dentre alguns comentários clichês, sempre vem um comentário lindo de quem realmente se importa e isso é o que me dá ânimo e forças pra continuar sempre, e agora, tentar atingir a nova meta de 100 seguidores (essa será dificílima, hein?). Agora sobre o filme, eu simplesmente amei! Dei bastante risada, não chorei mas me emocionei, história linda, de superação, luta, amizade, força de vontade, de o mundo dizer uma coisa sobre você e você lutar pra provar que pode sim fazer, pode sim chegar lá. Mas enfim, vou parar de enrolação e ir ao assunto de hoje.

Esse é o meu primeiro efeito que deu certo, tenho criado vários e testado bastante antes de pensar em postar aqui, e esse, como deu certo e tal, eu decidi postar, pois achei interessante. Não sei se tem por aí nessa enorme blogosfera, mas só sei que esse fui eu quem fez hahaha. Para ver o efeito, clique aqui.

Se gostou do efeito e quiser usar, vá em Modelo>Editar HTML> e procure por ]]></b:skin> depois de achar, cole acima do trecho que você procurou o código abaixo:

.efeitopuxa {
height:50px; /*altura da imagem*/
width:50px;/*largura da imagem*/
-webkit-filter: grayscale(0%);
-webkit-transition-duration: .50s;
}
.efeitopuxa:hover {
height:50px; /*altura da imagem*/
width:50px;/*largura da imagem*/
-webkit-filter: grayscale(100%);
-webkit-transform: skew(30deg,20deg);
-webkit-transition-duration: .50s;
}
Agora para usar nos afiliados, basta ir em layout e criar um gadget HTML/Java Script e colocar o código abaixo:
<a href="URL DO AFILIADO" target="_blank" title="TÍTULO DO AFILIADO"><img class="efeitopuxa" src="URL DA IMAGEM" /></a>
Feito isso direitinho, colocando a imagem, link e título é só salvar, pode copiar e colar esse código no gadget quantas vezes quiser, vai de quantos afiliados você tem. E como hoje eu trouxe esse efeito, eu preparei umas imagens mega simples, só pra não deixar o post muito vazio, prometo que da próxima vez trago umas mais bem feitas. Essas imagens são do Rilakkuma (amo), tem uma action, textura de traços e algumas tem bordas pressionada.




Bom, é isso, espero que tenham gostado do post de hoje, vou agora retribuir os comentários do post anterior, fazer umas visitinhas em uns blogs e só. Até amanhã meus amores

36 comentários:

  1. Parabéns pela meta!!
    Gostei muito do efeito!
    Não estou a conseguir ver as imagens mas deve ser do estupido do meu portátil!!!!!!
    bjs
    bpblogdepapel.blogspot.pt

    ResponderExcluir
    Respostas
    1. Obrigada, ah sério que não consegue ver? Poxa, não sei qual o problema. >_< Enfim, beeeijos!

      Excluir
  2. Parabéns pela meta!!
    Gente você é um anjo que caiu do céu com esse tutorial
    eu tava enjoada de colocar os mesmos efeitos no layout que estou fazendo pro blog
    vou usar esse <33 amei amei amei

    chocoocnut.blogspot.com.br

    ResponderExcluir
    Respostas
    1. errei suahs- chocoonut.blogspot.com.br

      Excluir
    2. Awn Miih, muito obrigada linda! Já vi o efeito no seu blog, e ficou o máximo, muito obrigada pelo seu comentário e por usar! Beijos! ^^

      Excluir
  3. NO ACREDITO ! MEU DEUS, EU QUERO ASSISTIR UNIVERSIDADE MONSTROS <3 ISSO É VIDA ♥ Efeito muito fofo <3 Beijos, V-odka.

    ResponderExcluir
    Respostas
    1. Awn, pois é, é muito bom. Desde criança eu espero o "Monstros S.A 2", poxa, não via a hora de ver eles de novo. XD Beijos Any. ♥

      Excluir
  4. AAAH, sua chata, eu quero muito assistir o filme >.< Enfim, meus parabéns pela meta, com um blog diwo desses é fácil u.u Adorei o efeito, é diferente e legal, as imagens para afiliados estão muuito cutes :3

    Kissus!
    http://criticas-on.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Ahhh Brendinha, corre pro cinema, pois o filme é muito bom kkkk. Obrigada meu amor, meu blog nem é isso tudo, mas obrigada viu? Beijos! ^^

      Excluir
  5. Parabéns pela meta!
    Gostei dos avatares.
    http://paisdeblogueiros.blogspot.com.br/

    ResponderExcluir
  6. Parabéns pela meta! >.<
    Adorei o efeito e os avatares! ^^

    controversias-blog.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada, Carol, obrigada! ^^

      Excluir
  7. Amo esse blog,parabens pela meta,e tambem assisti o filme muito fofo *--*.
    Amei o tutorial e os avatares tambem!.
    Pra que Chocolate?
    Facebook page:Coca cola e Doritos

    ResponderExcluir
    Respostas
    1. Awn Julia, obrigada. Pois é, é fofo, lindo e super engraçado, amei o filme! Beijos. ^^

      Excluir
  8. Ameii o seu blog.... Seguindo, segue de volta?? bjos www.universo-of-girls.blogspot.com

    ResponderExcluir
  9. Awn, Nana :33 Meus parabéns pela meta! O RD merece e você também, tenho certeza que um dia ele vai ser super conhecido e vai aparecer em revistas como blog mais divo do ano u_ú
    Efeito divo! E as imagens super fofas!
    Beijos!
    Bonjour, Une Glacée ♥

    ResponderExcluir
    Respostas
    1. Awn Ali, você sempre com comentários especiais. Muito obrigada linda, não é pra tanto, mas obrigada kkk. Beijos. ♥

      Excluir
  10. JESUIIIIIIIIIIIIIIIS! Que blog divo menina,pare de ser perfeita! E esse tuto perfeito,morrida aqui >< AWWWWWWWN,AS IMGENS TÃO TIPO MUITO.......OOMG!
    Espero que cresça ainda mais u-u
    Beijos <3

    ResponderExcluir
    Respostas
    1. Awn muito obrigada Bia, meu blog nem é isso tudo, mas obrigada mesmo! Beijos! ♥

      Excluir
  11. Parabéns pela meta c:
    Amei o efeito e os avatares ficaram muito lindos ^^
    Beijos | Queen of Promises

    ResponderExcluir
    Respostas
    1. Obrigada Sayko-Chan! Beijos! ^^

      Excluir
  12. Nana que legal esse efeito, adorei *u* haha
    e parabéns pela meta, é muito legal ver o blog crescendo, sério <3 bjjjjj
    Monalisa com S
    monalisacom-s.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Awn, obrigada Mona! Sim, muito bom ver o blog crescendo, dá muito ânimo pra continuar aqui postando todos os dias. Beijos! ^^

      Excluir
  13. Parabéns pela meta,espero que tenha muito mais!
    Adorei o efeito e as imagens para afiliados!
    segue lá pra ajudar?
    http://eternityclouds.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada Biah, estou seguindo sim, beijos! ^^

      Excluir
  14. Parabéns pela meta amora >3< que você consiga muito mais seguidores e leitores também.
    Amei o efeito, super cute e as imagens de afiliados estão muito diwas.

    girl-sttuff.blogspot.com.br <~ Visita

    ResponderExcluir
    Respostas
    1. Awn Vihh, muito obrigada viu? Beijos! ^^

      Excluir
  15. Parabéns pela meta :) Muito legal o efeito e as imagens.
    Beijos, Lili
    Clique aqui, e vá para o blog / Princesa Teen!

    ResponderExcluir
  16. Parabéns pela meta! Muitas outras virão!
    E sobre o efeito eu até usaria se não estivesse com a mania de querer fazer meus próprios códigos.
    sorvete-de-limao.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigada Lah! Ah, sei como é, já vi seus efeitos e são realmente ótimos, beijos! ^^

      Excluir
  17. O efeito é perfeitoo! porém, eu to com um layout free e não nem esse código nele :s

    ResponderExcluir
    Respostas
    1. http://raabiscando.blogspot.com.br/

      Excluir

1 ♥ Leio e respondo todos os comentários. Sim, vou retribuir a visita, dependendo do que comentar aqui. Vir aqui só pra pedir pra eu visitar ou seguir é o que não dá, né?

2 ♥ Sem comentários ofensivos, ok? Se tem uma crítica construtiva, pode dar, mas se não for tão importante assim, guarde pra você mesmo. As vezes é bem melhor do que sair ofendendo as pessoas.

3 ♥ Muito obrigada por comentar no meu blog, e obrigada também pela sua visita. Saiba que é muito importante pra mim. Ah, não esqueça de deixar o endereço do seu blog! ^^