Personalize o LinkWithin

25/07/2012

Muitos blogueiros tem aderido o LinkWithin, é uma ótima forma de divulgar suas postagens mais antigas. Só que um ponto negativo dele, é não vir com opções de cores, e nem de tamanho. No tutorial de hoje, vou ensinar a personalizar as cores e o tamanho LinkWithin, para ficar mais parecido com seu blog. Os códigos do tutorial foram encontrados no Spazio DM. Ficará assim:

Imagem do Trechy Teen

1) Vá no Painel do Blogger > Modelo > Editar HTML > Ctrl + F e procure por:

]]></b:skin>

2) Acima desse código cole o código abaixo:

linkwithin_posts {width: 700px !important;}
.linkwithin_posts a {border: none !important;padding-right: 15px !important;background-color: #FF0;background-image: none;height: 200px;}
.linkwithin_posts a:hover{background-color: #FC3 !important;}
.linkwithin_title:hover {color: #F00 !important;text-decoration: underline !important;}

  • As partes destacadas em azul, correspondem a largura (width) e a altura (height);
  • A primeira parte destacada em amarelo, corresponde ao fundo do gadget, e a segunda parte, ao fundo quando passar o mouse em cima;
  • O que está destacado em vermelho, corresponde á cor do título da postagem quando passar o mouse em cima.

3) Depois de editar tudo, visualize, se estiver tudo certo, salve.

Se você não possui o LinkWithin, é só entrar nesse site e preencher as informações referentes ao seu blog. Espero que tenham gostado, se quiserem pedir algum tutorial, é só comentar.

31 comentários:

  1. opa--mais uma dica boa..gostei dessa...beijos e boa semana!!

    ResponderExcluir
  2. Nossa, super legal esta informação!
    Valeu pelo tuto (:

    Bjinhos ;*
    Pâm
    http://chiqueatodaprova.blogspot.com.br/

    ResponderExcluir
  3. Tem foto de como fica não? rs
    Beijihos ;*

    http://teensmeninashtml.blogspot.com.br/

    ResponderExcluir
  4. Myllena: Tinha esquecido de colocar, rs. Já coloquei *-*

    ResponderExcluir
  5. Hummm... eu tinha visto por ai assim coloridinho e achei lindo =)
    Amei o tutorial ! Beijos, Carol Nana

    www.chadatarde.com

    ResponderExcluir
  6. AAh, é verdaade..o LinkWithin ainda tinha que evoluir um pouquinho nesse quesito mesmo..porque não dá pra mudar naada nos códigos! =/

    Adorei seu tutorial, só não faço no meu blog porque o BG dele já é branco, então nem teria o que mudar néam..rsrs

    Beeijo fofa!
    www.blogmymemories.com

    PS.: Participe do concurso Forever Young! Nele, você compartilha sua nostalgia e concorre a um pen drive (em formato de pulseira bate-enrola) de 8Gb ou uma camiseta personalizada do blog! Saiba mais no site: http://concursoforeveryoung.tk

    ResponderExcluir
  7. Que ótima dica , vou tentar colocar no meu blog , HAHA' (:
    ~
    Beijos ;*
    http://blogthelifeofgirls.blogspot.com.br/

    ResponderExcluir
  8. O blog tá lindo e as dicas mais ainda , HAHA *-*
    seguindo aqi , segue de volta ?
    beijos !
    www.segredosdegarottas.blogspot.com

    ResponderExcluir
  9. Fica bem legal, mas não uso.

    Beijo, Lili --->
    Princesa Imperfeita / Novo design

    ResponderExcluir
  10. Não sabia dessa '-' Salvei aqui em favoritos pra eu ler melhor depois! Adoreeei a dica ;)

    Beijinhos!
    www.infinitofeminino.com

    ResponderExcluir
  11. Já vi bastante blog com esses 'trocinhos', mas nunca me importei de por, se bem que é uma ótima ferramenta de divulgação até mesmo do próprio blog, mas acho bem bacana que tem, facilita muito a vida de blogueira! (:

    http://shake-girls.blogspot.com.br/

    ResponderExcluir
  12. Muito bom o tutorial, mas não gosto de usar ele, fica mto cheio o blog. ^^

    ResponderExcluir
  13. legal,vou tentar~~de novo~~

    http://conectadas2.blogspot.com.br/

    ResponderExcluir
  14. Amei a dica, o post super explicadinho *-*
    Beijão ♥

    plush-girl.blogspot.com

    ResponderExcluir
  15. Que legal!!! *o*

    http://help-adolecentro.blogspot.com.br/

    ResponderExcluir
  16. Não estou usando o LinkWithin pq meu theme base veio com um acessório parecido embutido, mas valeu a dica, quando precisar já sei como fazer ;]

    http://myselfandthai.blogspot.com.br/

    ResponderExcluir
  17. Gostei do tutorial, bem legal :)

    www.teenlist.blogspot.com

    ResponderExcluir
  18. Eu amei a dica, deixa o blog com a nossa carinha ^^
    http://themudancas.tk/

    ResponderExcluir
  19. esse post foi bem útil pq eu coloquei esse LinkWhithin q eu não tinha =D mais eu axei q as cores originais deles me agradaram então ñ precisei de mudar,mais adorei o tuto! :)

    http://theblogcaa.blogspot.com

    ResponderExcluir
  20. Muito bom o tutorial, fica lindo assim personalizado !
    Bjokas linda !
    www.jeitinhofemininoblog.com

    ResponderExcluir
  21. Ótima dica! Amei o tutorial.
    Beijinhos.

    Visite meu blog: Estilosa e Feminina

    ResponderExcluir
  22. Eu adorei a dica, não sabia como personaliza-lo na época de quanto eu usava ele lá pelo blogspot e só agora vi como é fácil..

    www.estiloatrevidos.com

    ResponderExcluir
  23. No meu blog tem, acho que vou mudar a cor! #VouPensar
    http://www.vitrola3000.com/

    ResponderExcluir
  24. Você ganhou um selinho:
    http://asrainhasdodrama.blogspot.com.br/2012/07/selinho-tag.html

    ResponderExcluir
  25. Super dica Sté ;)

    Beijos

    nandapezzi.blogspot.com

    ResponderExcluir
  26. Leegal o tutorial , antes eu tinha isso la no meu blog mas eu tirei rs!
    Beeeijos,
    www.paradateen1.blogspot.com !

    ResponderExcluir
  27. oi flor..tudo bom?
    mto legal seu blog..
    topa seguir uma a outra?
    se sim me fala...

    te convido a conhecer meus blogs:
    tenho dois blogs, um eh pessoal com assuntos do cotidiano, e outro eh onde eu faço minhas vendas de makes importados e acessorios.

    http://ando-porai.blogspot.com.br/

    http://kirasstore.blogspot.com.br/

    bjsss

    ResponderExcluir
  28. Este comentário foi removido pelo autor.

    ResponderExcluir
  29. Como que eu faço para mover o Linkwithin um pouco para a direita o meu fica um pouco fora da postagem

    ResponderExcluir