10/04/2012

Afiliados Tutorial

Oi pessoal!
Bom, hoje vim postar um tutorial de "Como colocar afiliados no blog" com um efeito de escurecer a imagem ao passar o cursor.

Ficará assim:


Então vamos lá ensinar a fazer isto:
Vão a "Design", depois "novo gadjet", e procurem "HTML/Java Script"
E aí é só colar o seguinte código:

<div><a href="Link" target="_blank" title="Nome do Link" style="font-size: 100%; "><img class="borderimage" src="URL da imagem" style="opacity: 0.5;" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a><a


Pronto, onde diz "Link" é para colocarem o link do blog afiliado.
Exemplo: http://bunny-animesespectaculares.blogspot.pt/

Onde diz "Nome do Link" coloquem o que querem que apareça ao passar o mouse.
Exemplo: Animes Espectaculares


E onde diz "URL da imagem" devem colocar o link da imagem que querem que apareça para aparecer, como afiliado ou "Livre".
Exemplo de Afiliado: http://3.bp.blogspot.com/-l0nrfa1xDkk/T4Qxs90hmjI/AAAAAAAADlk/mikazdmItj4/s1600/bunafiliadocor.jpg
Exemplo de LIVRE: http://1.bp.blogspot.com/-Wq6AHuxaimE/T4QxtjHugRI/AAAAAAAADls/GJSO4bWZIqM/s1600/bunafiliadopretoh.jpg

Bom, foi o que eu fiz no Bunny Designs...
Não criei Afiliados para o Animes Espectaculares, porque já basta a página de parcerias, mas no Bunny Designs não tenho parceiros e criei os "afiliados".

Bom, espero que tenha sido util este tutorial.
Kissus, Bunny~

Créditos: Aprendi isto no blog Story of Girls...

2 comentários:

  1. te indiquei para um desafio
    http://universe-vocaloid.blogspot.com.br/2012/04/voce-em-wonderland.html

    ResponderExcluir
  2. Muito útil o tutorial (ñ pra mim u.u). Talvez ainda o use^^

    ResponderExcluir

Se queres comentar:
☾ Nada de palavras indecentes!
☾ Se eu te conhecer, no comentário anónimo podes assinar no fim, por favor?^^
☾ Se quiseres falar comigo no msn podes adicionar:
bunnytsukino5@hotmail.com
☾ Diverte-te e comenta sempre que quiseres!

©