10 de fev. de 2013

Personalizando os seguidores

Olá Anjos!

Vou ensinar vocês a personalizar o Gadget de seguidores, do mesmo jeito que faço aqui e que uso nos meus Templates. Essa personalização é bem legal e permite que o Gadget de seguidores ocupe menos espaço e seja colocado no cabeçalho. Simplificando, faz com que o Gadget de seguidores seja em HTML.
Veja um preview do Gadget personalizado clicando aqui.
Vamos aprender?


1- Com o Gadget de seguidores na sidebar, aperte ctrl + u (código-fonte) e procure por isso:

<div id='Followers1-wrapper'>

2- Copie o código que começa com  <div id='Followers1-wrapper'> ATÉ:

</script>
</div>
</div>
2- Feito isso, exclua seu Gadget de seguidores e cole em um Gadget de HTML/JavaScript, isso vai trazer um novo gadget de seguidores. Personalize as seguintes linhas:


skin['FACE_SIZE'] = '32'; /*tamanho da foto do seguidor*/
skin['HEIGHT'] = "260";  /*altura do gadget*/
skin['TITLE'] = "Seguidores"; /*título do gadget*/
skin['BORDER_COLOR'] = "transparent"; /*cor da borda*/
skin['ENDCAP_BG_COLOR'] = "transparent"; /*cor do fundo do "participar desse site*/
skin['ENDCAP_TEXT_COLOR'] = "#666666"; /*cor do texto do botão*/
skin['ENDCAP_LINK_COLOR'] = "#eb8bab"; /*cor do link ao lado do botão de seguir*/
skin['ALTERNATE_BG_COLOR'] = "transparent"; /*background alternativo*/
skin['CONTENT_BG_COLOR'] = "transparent"; /*cor do fundo das fotos do seguidores*/
skin['CONTENT_LINK_COLOR'] = "#eb8bab"; /*cor do link do texto "fazer login"*/
skin['CONTENT_TEXT_COLOR'] = "#666666"; /*cor do texto "já é membro?*/
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#eb8bab"; /* cor do link secundário*/
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#eb8bab"; /*cor do texto secundário*/
skin['CONTENT_HEADLINE_COLOR'] = "#000000"; /* cor da palavra "membros"*/

 Personalize de acordo com as cores do seu blog. Lembre-se de que as cores e textos "alternativos" são quando o membro já fez login no seu blog. Qualquer dúvida falem comigo!

Meus querides! Caso vocês gostem desse blog e queiram continuar me acompanhando, eu ainda escrevo, mas em outro blog. Não posto apenas tutoriais, mas continuo escrevendo e falando de vários assuntos, inclusive a blogosfera. Caso queira visitar (sério ótimo uma visita): clique aqui para ir ao blog Serenar

72 comentários:

  1. gostei do tuorial, mas não consigo colocar no meu :(

    ResponderExcluir
    Respostas
    1. Oi Jaime! Tem certeza que seguiu os passos direitinho? Depoos de copiar os códigos você tem que deletar seu Gadget de seguidores e colocar o código.

      Excluir
  2. voce poderia colocar no meu blog por gentiliza?

    ResponderExcluir
    Respostas
    1. Desculpa Jaime, não posso fazer isso, você teria que me colocar como administradora, e se alguma coisa de errado acontecesse, não quero ser culpada por isso. Então não posso. Tenta seguir o tutorial de novo, talvez você tenha feito alguma coisa errada da primeira vez.
      E pra sua segurança, não passe sua senha para ninguém ou coloque como administrador do seu blog.
      Beijos!

      Excluir
  3. segue meu blog pra manda o convite pra vc.

    ResponderExcluir
  4. mas posso confiar em voce? porque voce apenas vai colocar os seguidores.

    ResponderExcluir
    Respostas
    1. É só colocar os seguidores mesmo? Você faz o resto se eu colocar? Porque é só isso que vou fazer mesmo :)

      Excluir
  5. Respostas
    1. pronto mandei o convite mas quero a cor azul nos seguidores ta.bjus

      Excluir
    2. ok, eu ainda estou como autora, me poe como administradora pra poder mexer no HTML

      Excluir
    3. ficou massa gostei muito poderia fazer um para minha irmã ?do blog dela http://aryannetheodoro.blogspot.com.br/

      Excluir
    4. ficou otimo muito obrigada voce e um anjo..bjus poderia fazer um para minha irmã ?

      Excluir
    5. a mesma coisa? se for eu posso fazer. só mandar o convite pra administrar

      Excluir
    6. certo vou falar com so um momento,vou pedir pra ela seguir voce ta.

      Excluir
  6. muito lindo seu blog,queria muito que o meu pode-se ser parecido com seu..rsrsr

    ResponderExcluir
  7. assim que tiver pronto me avise a cor deixe que eu coloco ta fofa..

    ResponderExcluir
  8. ja esta pronto fofa muito abrigada msmo,não sei cm retribuir.. bjus

    ResponderExcluir
  9. ficou otimo depois vou colocar as cores,ja entendi porque voce ainda não seguiu meu blog, vc não gosta de britney ne?

    ResponderExcluir
    Respostas
    1. gosto de algumas músicas dela, mas não sou fã sabe? mesmo assim vou seguir pra te ajudar ^^

      Excluir
  10. Respostas
    1. kkkk verdade o meu deu erro na hora que fui mudar a cor dele e agora?

      Excluir
    2. você deve ter apagado alguma virgula ou alguma coisa assim, dá uma olhada de novo ^^

      Excluir
  11. oi gostei do tutorial poderia fazer um pra mim?

    ResponderExcluir
    Respostas
    1. Oi, agora não posso, estou meio ocupada, daqui a pouco tenho que sair =/
      outro dia ok?

      Excluir
  12. Oi, achei genial essa dica e super simples de fazer... nunca tinha me ligado de fazer isso...
    Ah, achei muito legal também a maneira como tu apresentou as postagens populares... tem tutorial disso? Um abraço!
    http://duasepocas.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. As postagens populares são na verdade uma imagem com um link, é só fazer assim:

      <** a href="LINK DO POST" title="TÍTULO DO POST"> <**img src="URL DA IMAGEM" /** >< /a > sem os asteriscos e tirando o espaço entre os sinais de maior menor < >

      e coloquei um efeito :3

      Excluir
  13. oi adoreii o tutu mais não consigo poderia me ajudar? bjus lindo seu blog.seguindo

    ResponderExcluir
    Respostas
    1. Infelizmente não posso, ando bem ocupa ultimamente, nem tenho tempo de mexer em HTML =/

      Porque você não tenta seguir o tutorial? Assim você aprende ><

      Excluir
  14. Se eu usar essa dica, meus seguidores vão zerar?

    ResponderExcluir
    Respostas
    1. Oi tudo bem? Se você usar isso, somente o gadget vai mudar, o número de seguidores vai continuar o mesmo ;*

      Excluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!