11.01.2013

Tutorial - Efeito Swap para seu blog



Olá meus queijos, tudo bom?. Minha nossa vocês gostaram muito daquela lista e ainda pude ver que assim como eu muitos leitores do blog gostam bastante de filmes de terror, isso é de mais. Sexta feira, um dia depois do melhor feriado do ano, um adolescente que adora filmes de terror certamente não teria uma unica ideia sequer depois de uma enorme e horripilante maratona de filmes de terror. Peço desculpas por esse tipo de post, eu na real odeio fazer posts falando sobre "tutoriais" mas é só para não desatualizar o blog e para descontrair também já que ultimamente os posts estão bem distintos. Espero que gostem do efeito swap e vamos ver ele já?!

| Visualização Online [www| Aprenda a fazer ele abaixo |

>> Vá no editor de HTML do seu blog de testes e cole o código abaixo acima dessa tag "]]></b:skin>" sem as aspas.
.swap{
outline: solid 10px rgba(255, 255, 255, .5);
outline-offset: -10px;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.swap:hover{
-webkit-filter: blur(1px);
outline: solid 500px rgba(255, 255, 255, .5);
outline-offset: -500px;
}
Entenda o código acima: Não mude nada nele, apenas mude o que está em negrito, que é o efeito de desfoque do final se não quiser pode apagar ou trocar por algum outro efeito.

>> Agora vá no painel chamado "layout" do seu blog e clique em "Adicionar Gadget" e na janela que abrirá escolha o "JavaScrip/HTML" e cole o seguinte código no campo de edição:
<a href="LINK DO SEU AFILIADO"><img class="swap" height="60px" src="IMAGEM DO SEU AFILIADO" width="60px" /></a>
Rapidinho, entenda ele: Mude só o que está em itálico ou seja os números "60" pois eles definirão qual será o tamanho da sua imagem de afiliado.

E então pessoal gostaram do efeito? Não sei se vocês perceberam eu finalmente aprendi a dar nomes bonitinhos para os meus efeito, e tudo isso graças a Mille [www]. Como foi o Halloween de vocês? me conte como que vocês passaram ele, hoje a minha escola vai dar uma festa para comemorar esse dia mas nem vou porque, eu não quero u_u. Até mais pessoal. Para ver mais tutos é vim aqui [www].

23 comentários:

  1. Que lindo! Vou ver onde usar aqui k
    republicacrash.blogspot.com.br

    ResponderExcluir
  2. Que efeito divoo o3o

    htmlandresources.blogspot.com

    ResponderExcluir
  3. Achei muito lindo o efeito. Pra falar a verdade, gosto de todos os efeitos que você posta aqui. O de hoje, ficou semelhante ao dos "Afiliados", gostei! Beijos, Djêni.

    Enquanto Isso

    ResponderExcluir
  4. Que efeito lindo. u.u
    Bom o meu hallowen se resumiu em... nada. uahuhsa'

    - One Day | Visite

    ResponderExcluir
  5. Bem maneiro, adorei o efeito *-*
    Bju Matheus

    ResponderExcluir
  6. Poxa não comentei no post passado :x
    Awwwwwwwn que efeito lindo *u* deu até vontade de usar ele agora *3* amei
    ~September Rains
    ~Empire Cupcakes

    ResponderExcluir
  7. O efeito é lindo, Ameii :)

    Visita?
    http://htmlwonderland.blogspot.com.br/

    ResponderExcluir
  8. Pow, achei irado! Adoro os efeitos que aprendo aqui!!!

    Adorável Tédio | Fã Page | Sorteio

    ResponderExcluir
  9. Que. Efeito. Perfeito.
    Meu Deus, se eu ainda utilizasse algum efeito em imagens no blog, com certeza eu usaria esse. dsjkdhskjd

    XOXO,
    e-pilogos.blogspot.com

    ResponderExcluir
  10. Que engraçoso -qq
    Valeu =D

    http://words-of-ricci.blogspot.pt/

    ResponderExcluir
  11. Que liiiiiiiiiindo efeito, Matt *3* Como todos os seus efeitos, né? UAHEAHEUAHEUH' Porque tu sempre usa imagens de gente de bikini, de gays e de lésbicas se beijando no blog de previews? seu safado -qn UAHEHUEAUHE brincadeira <3
    Beijos ♡ ~
    garotas atrevidas ☆ retribui a visita?

    ResponderExcluir
    Respostas
    1. Sabe que eu tbm, não sei HUAUAHUAUHAUHUA, deve ser pq poucos usam imagens assim e eu gosto de ser diferente, aff slá .-.

      Excluir
  12. Amei... adoro tutoriais assim! beijinhos e lindo final de semana.

    ResponderExcluir
  13. Que lindo esse efeito! Adorei!

    xx,
    www.likeparadise.com.br

    ResponderExcluir
  14. O Efeito é incrivel, já conhecia mas não tão bem explicado assim..

    #quasemeianoite

    ResponderExcluir
  15. Ah que lindo! :3 Poxa, vai ter festa de halloween na sua escola e você não vai? '0' E eu aqui querendo que na minha escola tivesse... ç.ç
    Bjo, Sel ;*

    Jovens Gordinhas

    ResponderExcluir
  16. Adorei o efeito, eu acho que todo blog deve ter um um efeito tudo fica mais lindo assim... ^.^
    Eu e meu exagero!!! kkkk'
    Acabei de criar, podia dar uma olhada?
    http://thebookperfectlu.blogspot.com.br/

    ResponderExcluir
  17. Belíssimo efeito !
    www.unhasebocas.blogspot.com.br
    www.facebook.com/pages/Unhasbocas/477832645611169

    ResponderExcluir

É o seguinte...
x Comente se você REALMENTE leu o post;
x NUNCA PEÇA para eu seguir deu blog de volta eu sempre visito, e seu eu gostar com certeza irei seguir;
x As tags são respondidas em um ''post'' privado geralmente anexadas em um servidor;
x Repeito os outros e eu, se quiser criticar critique!
Até e obrigado pela visita XOXO :)