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...
te indiquei para um desafio
ResponderExcluirhttp://universe-vocaloid.blogspot.com.br/2012/04/voce-em-wonderland.html
Muito útil o tutorial (ñ pra mim u.u). Talvez ainda o use^^
ResponderExcluir