5 de junho de 2014

Mini Maratona de tutorais 2: Efeito hover nos afiliados

Olá mocinhas <3
Ta tãooo friozinho aqui em Floripa que até saia fumaçinha da minha boca de manhã e.e
Decidi fazer uma maratona de tutoriais, começando com um beeem simples e básico, sem mexer no HTML do blog! Vou ensinar a colocar afiliados com efeito hover, código simples e tals.. Vamos aprender?
Primeiro o créditos do tutorial ao Feminina-Oficial 

Primeiro vá no seu painel do blogger> seu blog> Layout> Adicionar Gadget> HTML/Java Script.
e cole isso:

<a href="Link do blog" 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 que deseja" style="opacity: 0.5;" /></a>&nbsp

Onde esta em itálico coloque o link do blog que vai se afiliar.
Onde está em negrito coloque o nome do afiliado.
Onde esta sublinhado coloque o url da imagem que deseja.

Algumas imagens que achei aqui no meu computador ºuº






Espero que gostem e qualquer duvida comentem, 
Beijos e até o próximo Tuto *-*

Nenhum comentário:

Postar um comentário

Olá Cupcake!!Vai Comentar?Que Legal!Poderia ler as regrinhas abaixo?

1-Comentários com só "Sigo,Segue de volta?"serão ignorados.
2-Seja educado na hora de comentar.
3- Se for xingar,seja educado.
4- Sinta-se a vontade no blog!
By:Kathhi