5 de nov de 2012

Afiliados com Efeito Hover

Hey, angels :) What's up?

Hoje eu queria ensinar à vocês como fazer efeito hover nos afiliados, assim como a do Mrs. Nightshade:


É muito fácil de fazer, sério. Primeiramente adicione um gadget de HTML/Javascript aonde você quer que os afiliados apareçam. Depois, cole o código abaixo nesse gadget:
<a href="URL do blog afiliado" none;="" target="_blank" text-decoration:="" title="Nome do Blog"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="URL da imagem" style="opacity: 0.5;" /></a>&nbsp 
Em URL do blog afiliado, você coloca o endereço do blog com que tem afiliação. Nome do Blog é auto explicativo. URL da Imagem é o link da sua imagem para afiliados (se estiver procurando, pode encontrar várias pelo blog).
Se tiver mais de um afiliado vá repetindo o código, substituindo o que se pede. Terminou? Salve.

Observação: o código veio do blog Birthday Cake, porém o tutorial é meu, já que coloco os afiliados de um jeito diferente (sem mexer no código HTML do blog).

Pronto! Já pode colocar afiliados no seu blog, com efeito hover.

Espero que tenham gostado e que tenha sido útil.
Beijos,

Mrs. Nightshade.

3 comentários:

  1. Amei OMG!
    Acho super legal códigos mais simplificados, onde não é necessário alterar html do blog, mais simples né? Amei amei amei de verdade!
    Você sempre arrasando nos Tutos!
    Desenho muito sucesso, Deus abençoe ♥!
    Beijos, Gaby

    ResponderExcluir
  2. era o que eu estava procurando
    Valeu ae.

    ResponderExcluir