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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiblpoQ8Uz_cykmPPp6CKkmckcMCW4pC-b-EJZTBuwKCfu6TXJJO_D9P5SEgVWBYx9QsHxJl7NQfK1XQQlNZmlGnWBuopTofQ2m_Ce5nmnBh5roBmuqBWAAeYx13PzIalgCHlrpYs7buf0/s1600/0001.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNY33bLr8B1XAy6kgiequH36WNQ5vnX517zb0IsKagSigwe1wMYPN-EaHsS7el-BXEVsxPVi_G6qshFLGbLJuwZ4GaCDaIohUwqVxZhmNZm93o056Kj2PHyxPPLMInBB3_zwmEQvp88cs/s1600/0002.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhylm3UOn7XmbpIT8hZC8qJpIWmMHcT0RvR0_6N_Su4rg5ODxy7sKT2YkAOStCdZAPGiCcMtryiPF_jwmBXo7iyJrgnu3Q_tckQEVV6tqPpSyYtT4_3XcHujNyeJQe7S4vdEzeIcecnwEk/s1600/0003.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSxqOI7hs6Pvwv2LRKauS5gmqpqSbuYESQNJwb68AX3V3_-H5nM19JTf2e9GvYF3tPw33_VKGp3ORyMvGVjU2YYpkdytECCQp8Defs1At9Nsxnteper6QtkP_5Uf2RSwEjimydCa9TNOg/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXguTvH9htP8f4mjdxyLK4JtNJZQBR97HdS1y4ZZ0RCFKWJcr7mc9h-hMcElfYPymcN2TgOzzApVh-X6LIAgvMQ1-JKSChZiOm80O0vOsqzymXsa-1EOmUdB2XzS1InMIroRvz9sVqX94/s1600/0005.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoja7Wk06YST2qr_ukS2CNd2VI29fNLQ_LBPUHBoGz3nSpi6ejiOeHzCtXmr50QH4i9VVJN_hVODzLJYFcDxbsItRA1sfOkhGl1Qsmy25hKXD_ixR3i2cHS_braC_CRkLNw09JCyd_Fbg/s1600/0006.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgefYH7V3YCIPA5Ly5fnTxlJCfxAXrimDg3zfRSkJ66uUnaPlgE8iFH920asHBPN5qw6amZAOSzOlWMipH9QvQVU4HHpisTiHf7B4pUIAAFZWbSgkohVs0y-3J8sH2tBBgB6ayGHKrDHAI/s1600/0007.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPN_d4YChkexLavLXZAZl0E3wVMAMfWfXrnVGD6zVdd_kMpvV3mekRMf2gdkyJ3XQabwRxbYAsomQ0jWF-X1pA1LxQQZx08h_If4q0vt-XN_sh6XWDq20l4Sww47WhTmd98scNxfU80T4/s1600/0008.png" title="Vazio" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXguTvH9htP8f4mjdxyLK4JtNJZQBR97HdS1y4ZZ0RCFKWJcr7mc9h-hMcElfYPymcN2TgOzzApVh-X6LIAgvMQ1-JKSChZiOm80O0vOsqzymXsa-1EOmUdB2XzS1InMIroRvz9sVqX94/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBvvMTGBQwo14s385s36w-ehR3XUs-xJZsXYMq6xXgJ6OxJpJ7mzWQ8gUWV8ekIzCGoCOLzZk9tGJA17ZhFLVutBxbe-xQClvZw7cD5QsmyoEG21WQDWVbbfLZfg4E_GjE14fuFHAyhTc/s1600/00092.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE9qBmLCk_S0zy51WMFSxc8qQyztdMxVVdKigImMLEoOny80PT9C7a9RzP2hMHMhR9_S08FFaPCqN9RLxVqgRv93TJKQpK8iBAjcz4L7z4Wuz9J8HYWBsziwS3aRI5SyQq30lMg7Dqec4/s1600/00093.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHy2B0HIimEAc74ReVu8IBaHBjR19VEfUBOWMdfAGsTTigZKzcPkco34li6LmI0FdzKvf3eBPx8U7ubvJ7mAnQ3OyfSLw71IcWr6k_Sd_NMAfmAxe9RXsTN-5s8_ciIffkxX151tigZN4/s1600/0009.png" title="Vazio" /></a><a href="http://link%20do%20blog/" target="_blank"><img alt="Vazio" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCKali1Xydw_te102L_vw32zh4wf2wK6gcwjAqxot8T2NDq4F9woQOGJ6tG-0vBf4sV5K9Lxc-NHWFRj3LytUrUfk_B9cneTfX9f0TkZzhpnQDMopW1OCscIZlMI2u_AUfZD-FXubbCJA/s1600/00091.png" title="Vazio" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBvvMTGBQwo14s385s36w-ehR3XUs-xJZsXYMq6xXgJ6OxJpJ7mzWQ8gUWV8ekIzCGoCOLzZk9tGJA17ZhFLVutBxbe-xQClvZw7cD5QsmyoEG21WQDWVbbfLZfg4E_GjE14fuFHAyhTc/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: