segunda-feira, 5 de agosto de 2013

Tutorial: Como personalizar gadget de seguidores



Yoo-Minna! Como vão vocês? Eu não vou nada bem, meu namorado e eu terminamos... :'(

Maaaais, ninguém está aqui pra ouvir meus problemas, não é?! Então vamos lá, lhe trouxe um tutorial meio difícil... Mais que vale a pena, então, vamos lá?!' ^^'



Primeiro adicione o gadget de seguidores normalmente. Depois vá no seu blog e clique em Ctrl + U noteclado. Dê Ctrl + F no mesmo (Print u_u) e cole isso, na caixa de pesquisa:
<div id='Followers1-wrapper'>
Copie o código até 
</script>
</div>
</div>
Copie tudo e cole no bloco de notas (ou aqui). Agora você pode excluir seu gadget de seguidores (eu acho melhor primeiro seguir com o tuto e depois excluir para ter certeza de que nada irá acontecer). Mas, calma. Você verá todos eles novamente (faça em um blog de testes se você se sentir insegura).  Depois de excluir, adicione um gadget de HTML/JavaScript e cole o código que copiou no início. Salve e veja se está tudo certo. Se estiver, volte lá e edite. 

Agora vamos personalizar! \O/ O resultado será esse, para verem (x vai abir em outra guia ^-^).
No HTML/JavaScript, dê Ctrl + F (print acima). Copie isso e cole na caixa de pesquisa para deixar o fundo vermelho (observe a imagem):
 skin['ENDCAP_BG_COLOR'] 
Ao lado terá um código assim: #númerosouletras e ali você coloca a cor.

Ainda com a caixa de pesquisa, procure por isso para colocar a bordinha embaixo do BG vermeho (segundo o print):
skin['BORDER_COLOR']
Ao lado terá um código assim: #númerosouletras e ali você coloca a cor.

Agora, para colocar a cor nos links, procure por:
skin['CONTENT_LINK_COLOR']
skin['CONTENT_SECONDARY_LINK_COLOR'
 skin['ENDCAP_LINK_COLOR']
Procure um de cada vez, certo (por isso separei em três blockquotes)?! 
Ao lado terá um código assim: #númerosouletras e ali você coloca a cor. Nos três coloque a mesma cor.

Para colocar a cor no texto, procure por:
skin['CONTENT_TEXT_COLOR']
skin['CONTENT_SECONDARY_TEXT_COLOR']
skin['ENDCAP_TEXT_COLOR']
Procure um de cada vez, certo (por isso separei em três blockquotes)?! 
Ao lado terá um código assim: #númerosouletras e ali você coloca a cor. Nos três coloque a mesma cor.

Para diminuir ou aumentar o tamanho dos ícones procure por:
skin['FACE_SIZE']
Ao lado dele terá = 'númeroquetiverlá'; Obviamente lá terá um número em vez de númeroquetiverlá. O número equivale a pixels (pelo que eu sei), então é normal: Aumente e o ícone fica maior. Diminua que o ícone fica menor.

Bom, é isso. Espero que não tenha ficado muito confuso :s
O primeiro código a ser pesquisado no Ctrl + U eu peguei do KW, pois não me lembrava ^-^  

17 comentários:

  1. Ah, eu tirei esse gadget do meu blog faz tempo... no fim ele acaba não servindo pra nada, porque as pessoas que te seguem não recebem as atualizações, a não ser que tenham o costume de ler os posts pela home do blogspot.

    ResponderExcluir
    Respostas
    1. É, pois é, é mermo.. Bem complicado sim sim kkkkk'

      Bjus, fika com Deus!

      Excluir
  2. Oi,vim retribuir a visita ao nosso blog,adoramos te receber lá!
    Muito bacana este tutorial,pra mim parece um bicho de 7 cabeças srs.
    Beijos linda!

    Brilho de Glitter

    FAN PAGE | FLICKR | INSTAGRAM

    ResponderExcluir
    Respostas
    1. Ai que bom! Com certeza, ele é! Beijos! ><'

      Excluir
  3. Fico triste por vocês.
    Eu adorei o tutorial!
    Beijos, ka♥
    Maquiagens da Erika

    ResponderExcluir
    Respostas
    1. Ah, finalmente parece que alguém leu o post inteiro :)

      Muito obrigado flor.. Mias, voltei com ele hoje.. ^^"

      Bjokas!

      Excluir
  4. Gostei do tutorial.
    òtima quarta!
    Big Beijos

    ResponderExcluir
  5. Gostei da dica!
    Sinto muito pelo seu relacionamento :/
    Mas vai ficar tudo bem, né?
    Beijos!
    http://www.mayraphael.com.br/

    ResponderExcluir
  6. Adorei o post de hoje, minha linda! Gosto super do seu blog. <3

    >>Visite o Blog<<
    - xoxo –

    ResponderExcluir
  7. Adoro tutoriais, sempre pesquiso coisas novas para colocar no blog ;)

    Beijos
    www.agendafashion.com.br

    ResponderExcluir
  8. eu ainda ñ consegui colocar essa caixinha no meu :'( ñ sei porq?

    ResponderExcluir