2 de abr de 2012

Fazendo Elite de Afiliados com Imagens

Tumblr_lzrha3wbxe1qdc0nxo1_500_large
Meu presentinho de Páscoa, né mããe? 
Um anônimo pediu para que eu fizesse um tutorial de uma Elite de Afiliados com imagens, é claro que eu não consigo fazer algumas coisas realmente boas e diferentes, comigo são coisas simples, mas, vamos lá. A Elite de Afiliados vai ficar assim:

VazioVazioVazioVazio
VazioVazioVazioVazio
VazioVazioVazioVazio

Lembrando que qualquer pedido é só fazer!

Primeiramente, para a elite fiz imagens com o tamanho de 50x50pixels, e eu escolhi deixa-las com formatos de círculos, para ficar um pouco diferente. Mas é claro que ai é por sua escolha. Eu optei por fazer coisas fofas e moderninhas, vamos ver no que vai dar... A Elite de Afiliados que estou fazendo tem 12 afiliados, isto quer dizer, 12 imagens!
Para fazer, edite este HTML:

<div style="text-align: center;">
<a href="LINK DO BLOG 1" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 1" title="Vazio" /></a>
<a href="LINK DO BLOG 2" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 2" title="Vazio" /></a>
<a href="LINK DO BLOG 3" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 3" title="Vazio" /></a>
<a href="LINK DO BLOG 4" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 4" title="Vazio" /></a>
</div>
<div style="text-align: center;">
<a href="LINK DO BLOG 5" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 5" title="Vazio" /></a>
<a href="LINK DO BLOG 6" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 6" title="Vazio" /></a>
<a href="LINK DO BLOG 7" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 7" title="Vazio" /></a>
<a href="LINK DO BLOG 8" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 8" title="Vazio" /></a>
</div>
<div style="text-align: center;">
<a href="LINK DO BLOG 9" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 9" title="Vazio" />
</a><a href="LINK DO BLOG 10" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 10" title="Vazio" />
</a><a href="LINK DO BLOG 11" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 11" title="Vazio" />
</a><a href="LINK DO BLOG 12" target="_blank"><img alt="Vazio" border="0" src="LINK DA IMAGEM 12"><br /></a>
</div>
Para editar é super fácil! E se você quiser mudar quando nós passamos o mouse, é só mudar os "Vazio"! O menu é bem simples, e não tem nada de especial, mas, quem quiser usar, é com você!
Se você quer usar o que eu fiz lá em cima, copie este código:
<div style="text-align: center;">
<a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://2.bp.blogspot.com/-maJ63b5rqB8/T2y-o06FdGI/AAAAAAAAD-E/H_GiIPdvifM/s1600/0001.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://3.bp.blogspot.com/-FWbSRCHdvOU/T2y-paK2BcI/AAAAAAAAD-M/Q9muo8ss8hM/s1600/0002.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://1.bp.blogspot.com/-9Ybzuv0hrEo/T2y-pqx9hpI/AAAAAAAAD-U/hPSSKhg6SDs/s1600/0003.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://2.bp.blogspot.com/-Qi6QNB9ACjE/T2y-qaintNI/AAAAAAAAD-c/v6czxhL5Qvo/s1600/0004.png" title="Vazio" /></a></div>
<div style="text-align: center;">
<a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://3.bp.blogspot.com/-4EUq2J6io1g/T2y-qx8IwmI/AAAAAAAAD-k/iPah8TcwdYU/s1600/0005.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://4.bp.blogspot.com/-tICwQSRYMyA/T2y-rgE8XsI/AAAAAAAAD-o/k_aECOz7Pno/s1600/0006.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://2.bp.blogspot.com/-ZeS83TGcmOU/T2y-r9cSZHI/AAAAAAAAD-w/MIUmLo_ftjU/s1600/0007.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://4.bp.blogspot.com/-7d9Ib2-NapM/T2y-sQWpkaI/AAAAAAAAD-8/z8Syehkg99Q/s1600/0008.png" title="Vazio" /></a><a href="http://3.bp.blogspot.com/-4EUq2J6io1g/T2y-qx8IwmI/AAAAAAAAD-k/iPah8TcwdYU/s1600/0005.png"><br /></a></div>
<div style="text-align: center;">
<a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://4.bp.blogspot.com/-sS6o-DygIV8/T2zA-UlZm1I/AAAAAAAAD_U/MUtAlnLLQDc/s1600/00092.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://2.bp.blogspot.com/-l0cUhftWISg/T2zA-8NLPWI/AAAAAAAAD_c/xn5Puhu5WsE/s1600/00093.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://1.bp.blogspot.com/-Rnu0n3pG_6U/T2y-tAOp-5I/AAAAAAAAD_E/0e5C2xsLElQ/s1600/0009.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="http://2.bp.blogspot.com/-6BchWW-eWvg/T2y-tQEqE2I/AAAAAAAAD_M/e-NR70fVqss/s1600/00091.png" title="Vazio" /></a><a href="http://4.bp.blogspot.com/-sS6o-DygIV8/T2zA-UlZm1I/AAAAAAAAD_U/MUtAlnLLQDc/s1600/00092.png"><br /></a><br />
<br /></div>

Depois, coloque o código em um Gadget HTML/Javascript no Blogger.
Se usar, credite!
Tumblr_m1cpg79qog1qivmzpo1_500_large
Minha maquiagem no carnaval =)
Abraços, Cáah!

Nenhum comentário: