Modelo pronto para personalizar o Linkwithin

em 25 de fevereiro de 2014

Um dos recursos mais usados em blogs é, certamente, o Linkwithin.
O padrão do gadget, exatamente como ele é gerado no site, é simples e básico. Mais ou menos assim:


Em alguns casos inclusive ele pode vir com o título em inglês.
E eu já ensinei como instalar e alterar o título de seu Linkwithin.
Relembre:
Postagens relacionadas com miniaturas ao final dos posts

O tutorial de hoje vai além: vamos aprender como personalizar o gadget Linkwithin.

Ficará assim:
http://blogdetestesdaelaine.blogspot.com.br/

Personalizar o Linkwithin - modelo 1

Comece acessando o painel administrativo de seu blog.
Clique na aba Modelo, escolha Editar html e dentro da caixa de códigos tecle Ctrl+F.
Na barra de busca que abrir cole isso:

 ]]></b:skin>


Imediatamente acima da tag localizada cole este código:

http://codigos.elainegaspareto.com/2014/02/codigo-para-personalizar-o-linkwithin.html


Deixei marcado no código as alterações de cor e estilo que você poderá fazer.
Depois de pronto é só salvar as alterações.
Simples, né?



Alguém que escreve. Especialista em si mesma. Leitora que lê muito menos do que gostaria. Blogueira por paixão e profissão. Propriedade da Princesa e da Menininha, e de um cachorrinho muito levado chamado Bloguinho. Tentando viver. Sempre.

19 comentários , comente também!

  1. Estou com uma Dúvida,Eu coloco no meu Site : http://www.wjrandroid.com/ , Cada post do meu site tem uma Foto , tipo um botão de Download no Final,A imagem que aparece nas postagens relacionadas é mesma para todas que é essa do download.Existe algo pra escolher a imegem ou oq eu posso fazer ? Obrigado e Parabens pelo seu Site.

    ResponderExcluir
    Respostas
    1. Não, não há como escolher a imagem, infelizmente...

      Excluir
  2. Oi Elaine,
    Eu fiz pequenas mudanças no meu...texto, cor...
    Mas vou olhar de novo, porque me lembro que não mudei o tamanho e quero deixá-los da largura do post, coisa de TOC rs tá desalinhado rsrs
    Vou salvar para depois ver um momento de concentração máxima! rs
    Obrigada!
    bjs
    Ótimo dia!

    ResponderExcluir
  3. Bom dia Elaine, agradeço pelas dicas tão especiais que compartilha, que seja sempre muito abençoada, abraços carinhosos,
    Maria Teresa

    ResponderExcluir
  4. Bem legal. Vai para pasta que "coisinhas" para fazer rsrsr
    Beijos querida.

    ResponderExcluir
  5. Elaine,
    só passei para desejar uma ótima tarde a você e seu esposo.
    Beijos, Jana =)

    ResponderExcluir
  6. Oi, Elaine, não encontrei ]]> no html do meu blog.

    ResponderExcluir
  7. Ótimas informações... que Deus te abençoe sempre... Obrigado pelas dicas... Abraço...
    Leno Ribeiro

    ResponderExcluir
  8. Elaine preciso de ajuda,instalei o linkwithin e adorei,porém ele aparece na pagina inicial em cada resumo de post e não quando a pessoa clica pra ver o artigo completo e escolhido.Como resolvo isto,ja tentei de tudo pra so aparecer internamente e não consigo.

    ResponderExcluir
    Respostas
    1. Nelchael, experimente ler esse tutorial:
      http://coisasdameri.blogspot.com.br/2013/05/como-ocultar-ou-mostrar-elementos-de.html
      Ele vai te ensinar como ocultar elementos no blog.
      bjssss

      Excluir
    2. estou com o mesmo problema, não queria que aparecesse na página inicial, mas não sei como remover,

      Excluir
  9. gostei das imagens arredondadas no linkwithin do seu outro blog. Como faz?

    ResponderExcluir
  10. Elaine, hoje 08/04/14, tentei fazer.
    Coloquei o código lá no HTML.
    Não consegui. Aparece uma faixa cinza e não vejo nada.
    Ao voltar ao Blog ele estava com letras enormes (175% e uso 125%)
    Voltei ao normal e desisti ............
    Parece fácil, mas para mim "meio anta" não deu!
    Beijos.

    ResponderExcluir
  11. Olá gostei do seu blog, me tira uma duvida, como faço pra centralizar o titulo e o gadget???

    ResponderExcluir
  12. Olá Elaine, tudo bem?

    Eu tenho um blog de engenharia www.engconsultiva.com.br. Colei o seu código e não funciona. Os marcadores estão ativos porém eles não aparecem. Você poderia me ajudar?

    ResponderExcluir
  13. não tô conseguindo colocar no meu blog por favor me ajuda http//angelsofrockmetal.blogspot.com

    ResponderExcluir
  14. Elaine, fiz algumas alterações, para deixar mais máscula a barra, e funcionou perfeitamente. Como sempre, seus códigos "tacam-lhe o pau". Brigadão pela ajuda!
    www.mais40bemcuidado.com.br

    ResponderExcluir
  15. Não apareceu no meu blog, você ´poderia me ajudar?

    ResponderExcluir
  16. Elaine eu consigo deixar as imagens redondas como do seu outro blog?
    obrigada!!!

    ResponderExcluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…