24/07/2013

Personalizando o gadget de seguidores


Olá, pessoas e ETs.

Resolvi postar mais de uma vez hoje, é bom aproveitar minha vontade de postar e os pedidos do leitores também. Sabe, eu ainda não estou realmente bem, mas eu estou tentando de tudo para dar uma animada e me sentir mais leve. Até agora minhas tentativas deram, em sua maioria de vezes, errado, mas não sou de desistir das coisas e não é agora que isso vai acontecer, então aos poucos vou dando o meu jeito. Enfim, que tal falarmos sobre o post?

Prosseguindo, uma leitora me pediu para postar um tutorial de como personalizar o gadget de seguidores como o daqui do blog, então resolvi postar o mais rápido possível já que eu tive essa mesma dificuldade, então eu trouxe aqui cada passo da personalização para vocês, espero que gostem e entendam tudo direitinho. Você já sabe onde clicar para conferir o resto.
1. Abra seu blog e aperte ctrl + u, para abrir seu código fonte, e procure por <div id='Followers1-wrapper'> copie deste código até algo como :
</script>
</div>
</div>

2. Agora exclua seu atual gadget de seguidores e crie um de HTML/Javascript e cole o código copiado.
3. No código vai ter algo como isso:
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Seguidores";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#666666";
skin['ENDCAP_LINK_COLOR'] = "#538cd6";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#538cd6";
skin['CONTENT_TEXT_COLOR'] = "#666666";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#538cd6";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";

Guia de personalização básico

skin['FACE_SIZE'] = '32'; ---- tamanho dos ícones dos seguidores
skin['HEIGHT'] = "260"; ----- altura do gadget
skin['BORDER_COLOR'] = "transparent"; --------- cor da borda que fica na área do botão de seguir
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent"; ------- fundo da área onde fica o botão de seguir
skin['ENDCAP_TEXT_COLOR'] = "#666666"; --------- texto da área onde fica o botão de seguir
skin['ENDCAP_LINK_COLOR'] = "#538cd6"; -------- "botão de quadradinhos" da área onde fica o botão de seguir
 O resto vocês vão se aventurando e descobrindo.

28 comentários:

  1. Adoro esse tuto* deixa o gadget tão bonito
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  2. Adorei o tutorial, e vou usar no meu layout >u<
    Kiss
    With You

    ResponderExcluir
  3. no meu esta dando erro não consigo não sei porque?

    ResponderExcluir
    Respostas
    1. Tem que ter cuidado ao mudar as cores para não retirar nem uma aspa e tem que copiar o código do jeito falado no post.

      Excluir
  4. Obrigada pela visita lá no blog, retribuindo!
    Já estou seguindo, seu blog é muito fofo, eu amei!

    http://andwhocaresbaby.blogspot.com.br/

    ResponderExcluir
  5. Hey tem selo para vc no meu blog http://meniinasatitude.blogspot.com.br/2013/07/3-selinho-recebido.html

    ResponderExcluir
  6. Que tuto perfeito,nunca tinha visto.
    Um beijo
    http://bombasticmusics.blogspot.com

    ResponderExcluir
  7. Muito legal esse tutorial,deixa o gadget lindo =)
    beijos
    quemprecisadetvparaverbeyonce.blogspot.com.br

    ResponderExcluir
  8. Bem legal esse tutorial!

    six--seconds.blogspot.com

    ResponderExcluir
  9. Ótimo tutorial <3 Ele é muito útil!Seguindo o blog mais perfeito do mundo~~

    Cherebebel.blogspot.com

    ResponderExcluir
  10. Nossa esse tutorial é bem legal e útil!
    Seguindo aqui, achei o blog bem legal mesmo!

    http://estilooque.blogspot.com/

    ResponderExcluir
  11. Awn que ótimo tutorial e super útil, com certeza ajuda a muita gente. Beijos Lah! ^^

    Rediscovering Dreams

    ResponderExcluir
  12. Esse tutorial é bem legal!

    e--mpire.blogspot.com
    vodka-e-doritos.blogspot.com

    ResponderExcluir
  13. Realmente esse tuto é super útil!

    Seguindo ;)

    estrellando.com

    ResponderExcluir

- Não estou aceitando tags ou selinhos.
- Use os comentários ou a ask para fazer requests.
- Respondo todos os comentários e retribuo na maioria das vezes.
- "Seguindo! Segue de volta?" Depende, se você já tiver seguido realmente e eu gostar do seu blog.