Tutorial: elite color

Hello cutes! Tudo bom? Hoje eu vou ensiná-los a fazer uma elite de afiliados colorida, que é uma gracinha! Além de o tutorial ser super fácil, recomendo para quem não quer ficar colocando imagens ou apenas a lista dos links de seus afiliados! Quer aprender? Então clique em leia mais :)

Vá em layout  clique em adicionar um gadget HTML/Javascript  nele cole o seguinte código:

<div id="elite">
<ul>
<li class="el1">
<a href="URL_DO_BLOG_AQUI" title="DESCRIÇAO_DO_BLOG">NOME_DO_BLOG</a></li>
<li class="el2">
<a href="URL_DO_BLOG_AQUI" title="DESCRIÇAO_DO_BLOG">NOME_DO_BLOG</a></li>
<li class="el3">
<a href="URL_DO_BLOG_AQUI" title="DESCRIÇAO_DO_BLOG">NOME_DO_BLOG</a></li>
<li class="el4">
<a href="URL_DO_BLOG_AQUI" title="DESCRIÇAO_DO_BLOG">NOME_DO_BLOG</a></li>
<li class="el5">
<a href="URL_DO_BLOG_AQUI" title="DESCRIÇAO_DO_BLOG">NOME_DO_BLOG</a></li>
</ul>
TEXTO/AVISO

<style>
/****************************************************************
CANDY ELITE AFILHADOS inicio
*****************************************************************/
#elite li{display:inline;line-height:24px;padding:0}/** lista **/
#elite a{font-size:12px;padding:2px 1px;color:#fff}/** links **/
.el1 a{background:#777}/** link 1 **/
.el2 a{color:#f91;background:#ffdc50}/** link 2 **/
.el3 a{background:#f8a}/** link 3 **/
.el4 a{background:#f91}/** link 4 **/
.el5 a{background:#ff1490}/** link 5 **/
#elite p{text-align:center;border-top:2px #eee solid}
/****************************************************************
CANDY ELITE AFILHADOS fim
*****************************************************************/
</style>
</div>

Agora é só editar os códigos destacados e salvar! Espero que tenham gostado! 

créditos: Candylland