3 de agosto de 2009

Como colocar um ícone para o Twitter no Blogger/Blogspot


Que tal colocar um ícone diferente que motive os leitores do seu blog a te seguir no Twitter? Parece ser uma boa ideia, não é mesmo? Pois é, seus problemas acabaram. No site twittericon.com, você escolhe o ícone que mais te agrada e que fique de acordo com as configurações do seu blog.

The best source for Twitter buttons and graphics.

Essas são as palavras usados pelo próprio site para se definir. Numa tradução literal seria algo parecido com "A melhor fonte de botões (ícones) e gráficos para o Twitter". Não sei se chega a tanto, mas que ele é bom e tem várias boas opções para ícones, isso ele tem.

Além de fornecer uma variedade de ícones como mensionei, outro recurso que me chamou a atenção foi a praticidade em agregar estes ícones ao Blogger/Blogspot.

Veja como é simples:

A figura a seguir você irá encontrar assim que entrar o site. Ela está bem destacada logo abaixo do cabeçalho.


Onde está escrito "Your ID", digite o seu login do Twitter e em seguida clique em "GO". Automaticamente todas as opções de ícones existentes naquela página do site já ficarão configuradas com o seu login.

Observação: Quando você mudar de uma página para outra dentro do site, por exemplo, da página 1 para a página 2, você terá que digitar novamente o seu login.

Agora basta você escolher o ícone que mais te agrada ou o que mais se adapta as configurações do seu blog e clicar em "Copy code" (copie o código).

Vá até o seu blog, entre em layout -> Elmentos da página. Escolha um local que seja bem visivel aos seus visitantes.

Agora em Adicionar um Gadget -> Adicionar HTML/JavaScript -> Cole o código que você pegou lá no site (use o Crtl+V para colar).

Visualize e se tudo estiver certo salve.

21 comentários:

  1. Maravilha muito bem explicado,no primeiro sem problemas coloquei q foi uma beleza, mas fui mudar o desenho e me dei mal, n consigo colocar outro.
    Mas vou tentanto a explicação é show de bola.
    Parabéns.

    ResponderExcluir
  2. Adorei as dicas, muito bom esse site com os ícones!

    ResponderExcluir
  3. Nossa muito obrigada! estava quebrando a cabeça para colocar o link, mas agora deu tudo certo.

    ResponderExcluir
  4. muito obrigada! òtimo explicação.

    ResponderExcluir
  5. @isabel, @tatischi, @luana, @daiana Obrigado pelos comentários. Voltem sempre!

    ResponderExcluir
  6. Obrigado pelo tutorial, foi realmente bem útil.

    ResponderExcluir
  7. Me Ajudou muito Tambem Acho muito interesante isso.

    ResponderExcluir
  8. Ola. Muito obrigado. Tava a procura do ícone Twitter e aki achei e consegui por em meu Blog.
    Um abraço. valeuuuuuu msm

    ResponderExcluir
  9. olá,
    não consigo colocar nehum ícone no meu blog, pois sempre diz que há um erro no código, apesar de eu ter feito tudo como está escrito aqui. ajudem-me, por favor, sou nova nesse mundo de blogs.
    obrigada.

    ResponderExcluir
  10. Muito obrigada pela dica!!! Fácil entendimento.

    ResponderExcluir
  11. Belo post, bem explicadinho, me ajudou muito =D

    Acesse meu blog também...estou começando, qualquer critica está valendo:

    http://www.bangdiario.blogspot.com

    ResponderExcluir
  12. me foi muito util sua dica obrigado quero aproveitar para divulgar meu blog de dowloads la tem filmes cd´s programas

    ResponderExcluir
  13. axo q sou meio burro nao axei isto ,
    A figura a seguir você irá encontrar assim que entrar o site. Ela está bem destacada logo abaixo do cabeçalho. a figura nao axei

    ResponderExcluir
  14. me passa este codigo da figura abaixo de login nao consegui axar

    ResponderExcluir
  15. Ótima dica! Já adicionei ao meu blog

    Obrigada!!

    ResponderExcluir
  16. Muito bom, deu tudo certinho excelente turorial!!!

    ResponderExcluir
  17. Ahh muito legal este post me ajudou muito .... =D
    Obrigada

    ResponderExcluir
  18. O que fazer quando fica dizendo que existem caracteres invalidos?

    ResponderExcluir

LEIA AS REGRAS COM MUITA ATENÇÃO:

- Seu comentário precisa ter relação com o assunto do post;
- Não inclua links desnecessários no conteúdo do seu comentário;
- Se quiser deixar sua URL, comente usando a opção OpenID;
- Comentários com CAIXA ALTA, miguxês ou erros de ortografia não serão aceitos;
- Ofensas pessoais, ameaças e xingamentos não são permitidos.