7 de fev. de 2013

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

9 comentários:

  1. Que gracinha *-*
    obrigada!!

    ResponderExcluir
  2. aaa que legaal ameii o/
    acervo-de-livros.blogspot.com

    ResponderExcluir
  3. OOi Isa Linda,tudo bem?
    Espero que sim,comigo está otimo >< Isa não sei se está lendo os e-mails que te mando mas pedi para que no meu Layout no banner possa está escrito Lucy Panther Pink não Lucy panther,ok?Estou amando ><

    ResponderExcluir
    Respostas
    1. vou olhar os e-mails, desculpe!
      vou alterar o banner :)

      Excluir
    2. Owwwn' flor!Você é d+!Super atenciosa também,estou amando!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Obrigada,ah,e não se esquece de colocar os créditos para você no rodapé hein?Se não eu xingo por você ter este trabalhão e esquecer..kkkkkkkkkkkkk' flor eu estou fazendo umas leves mudanças nos gadgets mais não vai atralhar :)
      Beijinhos e obrigada

      Excluir
  4. Pena que não uso afiliados no meu blog =\
    Ameeeei o blog, parabéns, obrigada pela visita
    www.menina-boba.blogspot.com

    ResponderExcluir
  5. Nossa otimo tuto
    estou achando muito diferente o blog!Ficou legal!
    beijos

    ResponderExcluir
    Respostas
    1. bom mesmo o tutorial, né?
      reparou no blog? novo layout *-*

      Excluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita