1 de dezembro de 2011

Fazendo elite de afiliados

  
    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>&nbsp

    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!

21 comentários:

Isabela Godoy S disse...

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!

Nina Marie disse...

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!!!

Stéphanie Oliveira disse...

Boa dica, gostei muito!!

Passa no meu blog também?

http://tvfabulous.blogspot.com

Beijinhos

Beel disse...

Oi florzinha adorei aqui e já estou seguindo!

Segue la tbm?
www.blogdabeetina.blogspot.com

Gleyce K disse...

Ótimo tutorial.

http://www.fashionworldfeminino.com/

Beijinhos!!!

Camila. disse...

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!

Tete, Kika e Giu disse...

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)

Isabela Godoy S disse...

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.

Gleyce K disse...

Passando para te desejar um excelente final de semana.


Fashion World Feminino | Fan Page | Twitter

Beijinhos!!!

Bismarck disse...

Nossa adorei muito seu blog.

seguindo jáa, retribui a visita e se possivel me siga?

Lari disse...

Que bom que gostou do novo design do BL...
Bjs!

www.larissamerlo.blogspot.com

Divulgações Moda Amazing disse...

Ah eu adoro este tutorial fica lindo né ? <3

Beijos.
http://amazingmoda.blogspot.com/

Isabela Godoy S disse...

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

Gabriella disse...

Oi, Pipoquinha. Eu vim aqui pra sugerir uma postagem com o tema: É natal. Tempo de perdoar.

Gabriella disse...

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.

Karen Guzzatti Konig disse...

ooi floor , ja estou te seguindo,
adorei seu blog , mt mt legal !
#milbeijinhos
Da uma passadinha la no meu blog
http://karenbarbiepink.blogspot.com

Ana♥ disse...

Oi, estava vendo seu blog e estou gostando muito, gostaria de saber, se quando tiver tempo poderia entrar no meu blog com algumas amigas, se puder o endereço é esse: garotastransformandoomundo.blogspot.com

Maçã Verde disse...

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

Maçã Verde disse...

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

Brenna Araújo disse...

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/

Teka Bruce disse...

No meu não aparece nenhum código azul ou lilas