Elite de afiliados quadradinha

Oi gente, tudo bem? Espero que sim.

Eu nãos estou postando com frequência devido a falta de criatividade e tempo, preguiça e colégio.

Mas eu estou super feliz, o blog chegou a 10 seguidores, pode não parecer grande coisa pra vocês mas pra mim é, e para comemorar eu resolvi trazer um tutorial pra vocês. Bora conferir?

Preview

Lembrando que as cores não são as mesmas da imagem e vocês podem mudar para a que vocês quiserem.

1- Adicionem um gadget HTML/JavaScript, e cole esse código:

<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados5{
background-color: #fff5f7;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #f8c0cd;
line-height: 13px;
border: 1px solid #fcd7e0;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
</style>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>
<a href="http://www.kawaii-world.net/"  title="Kawaii World" id="afiliados5">KW</a>

Editem as cores e informações e está prontinho o seu menu. Espero que tenham gostado, beijos até a próxima.

Créditos: Kawwai World