27 de dez de 2013

Personalizar Gadgets dos Seguidores

                

Oi gente, bom dia boa tarde, boa qualquer hora para você, hoje trouxe um tutorial muito comuns para vocês, " como personalizar o gadget de seguidores, ou seja como deixar o avatar mais pequeno, mudar a cor do fundo a fonte e o escambau,  apesar de ser rápido, prático e deixar um resultado muito lindo, muitas blogueiras ainda não usam como vejo em bastantes blogs que visito por ai.. qual é galera, o modelo padrão do blogger é tão feiinho, né não?  Bom embora seja rápido preste bem atenção nos códigos que você deve copiar e cuidado para não colocar cores muito cegantes como background pois fica muito exagerado... vou para de falar e começar a ensinar logo para vocês..

01-Passo: Abra seu blog no navegador e aperte Ctrl+U. O código fonte do seu blog irá aparecer. Aperte Ctrl+F e pesquise por Followers1-wrapper.

02-Passo: Abaixo disso haverá uma série de códigos, então, você deve copiar desde Followers1-wrapper até </div></div>, que se encontram acima de <div class='clear'></div>.

03-Passo: Copie o código que você selecionou, agora apague seu gadget de seguidores e adicione um gadget de HTML/JS e cole o código que você copiou nele.

        -Para personalizar seu gadget você pode alterar esse códigos:

SKIN['FACE_SIZE'] = '17';
SKIN['HEIGHT'] = "200";
SKIN['TITLE'] = "FOLLOWERS";
SKIN['BORDER_COLOR'] = "#FFCD8B";
SKIN['ENDCAP_BG_COLOR'] = "#F5F5F5";
SKIN['ENDCAP_TEXT_COLOR'] = "#FFC49E";
SKIN['ENDCAP_LINK_COLOR'] = "#FFC49E";
SKIN['ALTERNATE_BG_COLOR'] = "TRANSPARENT";
SKIN['CONTENT_BG_COLOR'] = "TRASNSPARENT";
SKIN['CONTENT_LINK_COLOR'] = "#FFC49E";
SKIN['CONTENT_TEXT_COLOR'] = "#FF7981";
SKIN['CONTENT_SECONDARY_LINK_COLOR'] = "#FFC49E"; SKIN['CONTENT_SECONDARY_TEXT_COLOR'] = "#FFCD8B"; SKIN['CONTENT_HEADLINE_COLOR'] = "#FFCD8B";
SKIN['FONT_FACE'] = "NORMAL NORMAL 13PX \X27TREBUCHET MS\X27,TREBUCHET,SANS-SERIF";


28 comentários:

  1. Tutorial bem útil e nem é difícil!
    Amei ^^

    Tina,
    Keep Calm

    ResponderExcluir
  2. é verdade Tina, esse tuto é muito importante para personalização do blog, obrigada pela sua visita!!

    ResponderExcluir
    Respostas
    1. É claro que eu aceito afiliação ^^
      Já estou colocando o blog nos afiliados :D
      Obrigadinha :3

      Excluir
    2. muito obrigada tifane, já vou te colocar na elite também!!

      Excluir
  3. O meu ja é personalizado mas o tutorial é bem legal mesmo assim !
    www.ourblackpen.blogspot.com || Facebook || Ask || We ♥ It

    ResponderExcluir
    Respostas
    1. pois é a maioria dos blogs já é mais eu recebi um pedido para ensinar como se fazer esse tuto!! obrigada pela visita Isa!!

      Excluir
  4. Lindo blog ,estou seguindo ♥ Vem seguir o meu também?
    http://espacoteencomanaliasantos.blogspot.com.br/
    te espero lá ^^ Beijos.

    ResponderExcluir
    Respostas
    1. poxa muito obrigada ana, com certeza passarei em seu blog e ire segui-lo, beijos querida, obrigada por tudo!!

      Excluir
  5. Oi, vim visitar o seu cantinho e dizer que aceito sim a parceria :3
    Gostei do blog e ele esta muito, muito lindo ><

    Obrigada pela visita no LK!

    living-kpop.blogspot.com

    ResponderExcluir
    Respostas
    1. ahh que noticia maravilhosa, obrigada!!

      Excluir
    2. Já coloquei aqui nos afiliados >< obrigada pelo convite

      Excluir
  6. Conheci o tutorial faz pouco tempo, e eu gostei demais dele, estou usando em todos os layouts :3 Ótimo tuto!

    htmlandresources.blogspot.com

    ResponderExcluir
  7. Ótimo post ! sempre ajudar né ?
    FELIZ ANO NOVO !
    www.unhasebocas.blogspot.com.br
    www.facebook.com/pages/Unhasbocas/477832645611169

    ResponderExcluir
    Respostas
    1. verdade, que bom que gostou do tuto, feliz ano novo para você também!!

      Excluir
  8. Eu nunca personalizei meu gadget então dessa vez eu vou com seu tuto!
    Tô in love com seu lay e já estou seguindo
    candytendy.blogspot.com

    ResponderExcluir
    Respostas
    1. você deve tentar fica muito lindo mesmo, obrigada pela visita!!

      Excluir
  9. oieeeeeeeeeeee me perdoaaaa, eu corri corri mas cheguei rss.. Desculpa a demora amiga estou a mil, é casa,é marido, é filhos, é festividades é blog.. é muita coisa!! rss

    Nossa seu blog é muito fofo, me fez recordar da blogosfera a mais ou menos 8 anos atrás ^^ tá lindo amei conhecer, obrigada pela visita, costumo dizer no DP que as vezes é complicado visitar a todas as minhas visitantes pos muitas apenas passam mas não me deixam um oizinho para visitar novamente, que bom que vc deixou uma marquinha carinhosa ^^, volto mais vezes com toda certeza !! Fico feliz em saber que Dany's Place tem sido útil .. beijos e mais beijos no seu coração!

    Um feliz 2014 com saúde e alegrias!!

    ____(`*•.¸ (`*•.¸ ¸.•*´) ¸.•* )____
    ¦ Blog Dany's Place

    ¦ Tutorial e Dicas

    ¦ Fan Page

    ¦ Instagram

    ResponderExcluir
    Respostas
    1. muito obrigada Dany sou muito fá de seu trabalho e a tempos acompanho seu blog, beijos e feliz ano novo!!!

      Excluir
  10. Fiz isso no meu ontem, uash
    muito útil, e fica bem fofo.
    aceita p. afiliação? e p. divulgar meu blog? >.<
    hahah. Bbjs.
    http://reinventandoconceitos.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. é sim com certeza querida, é claro que aceito afiliação será um prazer..

      Excluir
  11. Ótimo tutorial^^ eu sempre tento fazer ele mas nunca consigo :/

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
    Respostas
    1. é sim um ótimo tuto,é só prestar atenção que se faz tudo direitinho!!

      Excluir
  12. Já conhecia esse tutorial, mas nunca o utilizei. Provavelmente vou utilizá-lo no meu próximo layout. Gostei muito do teu blog e adorei o layout (mas o que mais me chamou atenção foi o cabeçalho, está espetacular). Parabéns pelo teu trabalho.

    Teen Cat

    ResponderExcluir
  13. poxa muito obrigada bruno, para dizer a verdade estava pensando em mudarm o cabeçalho pois estava achando meio exagerado mas depois do seu comentário mudei de ideia!!

    ResponderExcluir
  14. Adorei, muito fácil! :3

    http://www.myrandomthings.tk
    http://www.facebook.com/MyRandomThingsBlog

    ResponderExcluir
  15. que bom gostou laura, obigada pela sua visita!!

    ResponderExcluir
  16. Adorei o tuto, muito útil e fácil.
    Favoritei pq talvez o utilize no meu próximo lay rs
    Ah, muito perfeitinho o layout do blog
    bj da Isabella do recantodafadaalice.blogspot.com/

    ResponderExcluir