A pedido de uma leitora vou ensinar a fazer uma elite de afiliados.
> Abra o painel do seu blog e vá em layout
>Agora clique em "Adicionar um gadget"
>Clique na opção de HTML/JavaScript
Agora copie e cole lá no seu novo gadget o seguinte código:
| <a href="endereço do blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style=" style="opacity: 0.5;" /></a> <a href="endereço do blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> <a href="http://www.blogger.com/endere%C3%A7o%20do%20blog" target="_blank" title="nome do blog"><img onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" class="borderimage" src="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg" style="opacity: 0.5;" /></a> |
Daí, você clica em Formato Rich Text, e vê, se estiver assim tudo enfileirado e bonitinho, está certo (ás vezes pode ter um grande espaço entre uma fileira e outra, isso é normal, no blog vai aparecer com um espaço menor).
Sim, é enooorme, eu sei. Mas a única coisa que está escrito aí é:
|
<a href="endereço
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="http://2.bp.blogspot.com/-aZtmj52obvU/Tdw61-W3UJI/AAAAAAAACg0/a1mBr-l_IdE/s1600/vlivre.jpg"
style="opacity: 0.5;" /></a> 
|
E como eu sei que vai ter gente que não vai gostar da imagem de coração rosa, porque tem blog que é mais punk e rocker do que cute, eu tenho a solução para mudar a imagem: basta você fazer uma imagem de 40x40, trocar o link da imagem por esse código rosa.
Se você já tiver algum afiliado, basta trocar o código azul pelo endereço do blog, e o código lilás pelo nome do blog!
Obs.: como o imageshack é o mais comum e o que dá mais problema, aconselho a vocês hospedar no tinypic.
É isso pessoas, espero ter ajudado; se algum código tiver errado, se você etiver com dúvida, basta comentar que eu respondo!
19 comentários:
Eu já conhecia esse tuto, muito útil ^^
Obrigada pela visita, <3
Tem post novo no blog , amr.
Ah flor, o ME voltou, não perca tempo e faça sua encomenda!
Bjs!
Tendências Teens || Encomendas || Curta-nos no facebook!
Oun a Lilica é uma graça e tem quase a mesma idade que eu! Eu tenho 2 anos e 3 meses, faço niver dia 05 de setembro hehe...
Ótimo tutorial!!!
Lambjs da Nina!!!
Boa dica, gostei muito!!
Passa no meu blog também?
http://tvfabulous.blogspot.com
Beijinhos
Oi florzinha adorei aqui e já estou seguindo!
Segue la tbm?
www.blogdabeetina.blogspot.com
Ótimo tutorial.
http://www.fashionworldfeminino.com/
Beijinhos!!!
Eu A-DO-REI o seu blog, menina! Suas postagens são bem elaboradas e tudo aqui é muito organizado! Adorei essa dica de "blogs amigos"!
Vi seu link em outro blog e resolvi visitá-lo.
Já estou seguindo, segue o meu também, por faovr?
http://jovens-garotas.blogspot.com/
Beeeeijos e te espero lá ein!
Oii eu sou a Kika sou a amiga da clara do maca verde, da escola bomm, qieria que vc seguisse e comnetasse meu blog (se quiser)
Oi flor! O blog abriu e tá com design novo, já viu? http://tendencias-teens.blogspot.com/2011/12/novo-layout-vida-nova.html confere e comenta! Obrigadinha.
Passando para te desejar um excelente final de semana.
Fashion World Feminino | Fan Page | Twitter
Beijinhos!!!
Nossa adorei muito seu blog.
seguindo jáa, retribui a visita e se possivel me siga?
Que bom que gostou do novo design do BL...
Bjs!
www.larissamerlo.blogspot.com
Ah eu adoro este tutorial fica lindo né ? <3
Beijos.
http://amazingmoda.blogspot.com/
Quem dera poder ter um net da Apple hein flor? hahahha. Mesmo assim obrigada pela ajudinha *-*
Obrigada pela visita, <3
Tem post novo no blog , amr.
Bjs!
Tendências Teens || Encomendas
Oi, Pipoquinha. Eu vim aqui pra sugerir uma postagem com o tema: É natal. Tempo de perdoar.
PIPOQUINHA
Eu de novo. Pipoca, eu tenho uma dúvida muito grande quanto a você e gostaria de que você me respondesse ela no post sobre perdoar (se é que você vai fazer): Se alguém que te faz bem, um dia te faz mal, como uma amiga em crise você desculpa ela se ela pedir? E, porfavor, não cite nomes.
Pipoquinha!! Valeu mesmo, por tudo que escreveu no blog!! haha, obrigada também por ter gostado dos Cookies do Freedie!!
Só estou com um probleminha...
Ainda não apareceu você me seguindo :(
VI em um dos seus comentarios, que já tinha me seguido.. Acho que estou com um problema no blog... :(
MAs mesmo assim, da uma chacada para ver se foi completo o processo, qualquer coisa, me segue, please!!!
beijos e abraços!
ASS: Maca VErde
Ah é, esqueci de comentar, obrigada pela dicas!!
Infelizmente, o fundo é algo que caracteriza muito o blog, como o lilas, o rosa e o roxo do seu, mas o título, eu vou dar um jeitinho..
obrigada de novo!
ASS: Maca Verde
HAUHAUHAUHAUHAUHHA *-* Eu adoro esse efeito que fica nas afiliações de blogs, mais tipo por meio de fotos eu não curto muito prefiro como nomes que está no meu blog, é bem legal também. O Tutorial é enorme mais é MARAVILHOSO
http://saladadefrutasbr.blogspot.com/
No meu não aparece nenhum código azul ou lilas
Postar um comentário