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> 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.
Amei OMG!
ResponderExcluirAcho 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
amei as dicas
ResponderExcluirera o que eu estava procurando
ResponderExcluirValeu ae.