Personalizar Gadget Seguidores do Blog: Contador em Forma de Texto

Crie um botão personalizado em vez de usar o gadget de seguidores no seu blog. Isso pode ser feito misturando alguns códigos e imagens de fundo no seu blog. Assim você poderá criar um botão com contador de seguidores do seu blog com a imagem que desejar e poderá ficar com um tamanho que seja mais adequado ao layout do seu blog.

Fazer botão seguir blog personalizado

O código do botão personalizado para seguir o blog no Google Friend Connect (gadget de seguidores do blog) é relativamente fácil de fazer. Você apenas precisa pegar o numero de ID do seu blog e alterar esse código:
<a href="http://www.blogger.com/follow-blog.g?blogID=11111111111111111111" title="Siga o Dicas para Blogs" style="text-align:center;display:block;background-image:url(endereço da imagem);font-size:14pt; width:260px; height:70px">
<script type='text/javascript'>function contadorFriendConnect(obj) {var
link=obj.totalResults;document.write(link);}</script>
<script type="text/javascript" src="https://www.google.com/friendconnect/api/people/22222222222222222222/@friends?fields=profileExtensions&amp;callback=contadorFriendConnect&amp;id=22222222222222222222"></script></a>

Agora veja o que precisa alterar no código do botão seguir blog:

11111111111111111111 esse numero é o ID do seu blog veja que toda vez que entra na pagina layout, estatísticas, configurações ou qualquer outra no seu blog na barra de endereços tem uma numeração grande: blogger.com/blogger.g?blogID=.... Copie esses números e coloque no lugar indicado no código, se tiver duvidas veja esse outro tutorial: Botão personalizado para seguir o blog, lá tem uma imagem demonstrando qual é a id do blogger.

22222222222222222222 veja que isso apareceu duas vezes no script acima, você deve pegar o numero do seu blog no site Google Friend Connect. Quando entrar no site clique no nome do seu blog e copie a numeração que aparece na barra de endereço: google.com/friendconnect/admin/site/overview?id=

ID da pagina no google friend connect

Para colocar Imagem personalizada no botão seguir blog veja que esse trecho do código é uma formatação em CSS utilizando apenas uma imagem de fundo para fazer o botão, mas caso queira mostrar apenas o numero pode apagar esse trecho:

style="text-align:center;display:block;background-image:url(endereço da imagem);font-size:14pt; width:260px; height:70px"

Se precisar de ajuda sobre hospedar ou posicionar imagens de fundo veja os links abaixo:
Hospedar Imagens no Blogger
Posicionar imagem de fundo

O restante do código é apenas o alinhamento (text-align:center) do numero de seguidores; também temos o tamanho da imagem width:260px; height:70px que você deve ajustar. E finalmente o tamanho fonte(Como Formatar o Texto do Blog) do numero(font-size:14pt) de seguidores que seu blog tem. Depois que acertar todos esses detalhes você deve colocar o código no seu blog através da pagina layout >> adicionar gadget >> html/javascript.

Sobre seguidores do blogger você pode achar veja também essas dicas:
Parar de Seguir um Blog
Como Bloquear ou Excluir Seguidores do Blog

Pegamos o código para mostrar a quantidade de seguidores do blog num tutorial do site Códigos Blog.

E já que falamos tanto sobre seguidores do blog não poderiamos perder a oportunidade de convida-lo a seguir o Dicas para Blogs.
Para concluir queremos avisar que isso nada tem a ver com o erro que o gadget dos seguidores apresentou recentemente, pois nos testes que fizemos em nossos blogs a contagem do numero de seguidores mostrado no gadget ou com o código foi o mesmo.

36 comentários :

  1. Olá Fabiano, quase não sei fazer nada que possa tornar meu blog mais interessante e apresentável, mas tenho muita vontade de postar meus textos com fotos. Como faço?
    Parabéns pelo blog, muito informativo e de bom gosto..
    Bjus
    Cris

    ResponderExcluir
  2. @Angel love se for somente publicar as fotos na pagina de postagem tem um icone para enviar as imagens só precisa clicar nele.

    mas se quiser escrever sobre as imagens então precisa achar um programa para editar imagens

    em sites como baixaki ou superdownload você encontra varios.

    ResponderExcluir
  3. Oi Fabiano, tenho uma pergunta : meus seguidores n estão recebendo minhas atualizações, queria saber um jeito de mudar isso, por favor me ajuda

    ResponderExcluir
  4. @Super Dan Bros. as atualizações dependem do feed do seu blog, portanto verifique as configurações.

    mas quando você fala recebendo eu penso em atualizações por email mas isso é outra coisa que não tem nada a ver com os seguidores que falamos nesta postagem, isso é feito no feedburner: Enviar Atualizações por Email

    ResponderExcluir
  5. @Fabiano Roberto
    N eh feed '-',estou falando dos seguidores do blog, sem ser feed, os seguidores que falo sao os que clicam no botão participar desse site, do gagdet desse post '-'

    ResponderExcluir
  6. @Super Dan Bros. as atualizações aparecem na pagina do blogger usando como base o feed do seu blog

    se colocar o endereço do seu blog neste link

    http://www.dicasparablogs.com.br/feeds/posts/default

    aparece as suas postagens mais atuais?

    ResponderExcluir
  7. Olá fabiano, pressiso de uma ajuda sua urgente!
    esses dias eu tava acessando a meu blog e de repente o dominio não estava sendo localizado, depois voltou, agora fica nisso, estou perdendo visitantes por causa disso.

    ai o problema é que eu quero tirar esse dominio para comprar outro com o mesmo nome.

    ResponderExcluir
  8. @Bmviicio | Play Team veja aqui Problemas para Configurar Dominio no Blogger sem o WWW

    depois que verificar exclua o seu histórico de internet para testar porque seu computador pode usar o cache para mostrar o seu blog

    ResponderExcluir
  9. @Fabiano Roberto o problema que não é só aqui, as visitas do meu blog estão paradas ja faz 3 dias =/

    clica no meu nome para ver, é igual eu disse acima, as vezes entra e as vezes não entra

    ResponderExcluir
  10. uma duvida, se meu dominio de agora expirar, ele sumuria da internet certo ?, dai daria para min registrar o dominio em outro site tipo uol host, detona hosts e etc... ?

    ResponderExcluir
  11. @Bmviicio | Play Team o caso se o dominio expirar é que qualquer pessoa pode registrar

    ResponderExcluir
  12. Valeu muito obrigado sou novo no blogger suas informação me ajudaram muito obrigado:)

    ResponderExcluir
  13. Eu gostaria de saber como fechar o xml adequadamente pois quando tento fecha-lo aparece a seguinte mensagem: Corrija o erro abaixo e envie o seu modelo novamente.
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Content is not allowed in prolog.

    ResponderExcluir
  14. @Anônimo depende o que estava tentando fazer no seu blog

    foi algum código que ficou errado (mas isso a mensagem já diz)

    o jeito é tentar novamente e ver os detalhes sobre como alterar o código.

    se tiver varias alterações na pagina editar html tente salvar uma por vez assim poderá achar o trecho com problema

    ResponderExcluir
  15. Oi fabiano, tem como eu consegui o endereço de seguir do blog ? , aquele de quando é clicado ´´participar deste site ´´

    ResponderExcluir
  16. @Fabiano Roberto é (ou talve era) sim , obrigado por responder , era isso mesmo que fiz ,

    ResponderExcluir
  17. parabéns pelo tutorial

    ResponderExcluir
  18. Fabiano, os gadget de seguidores do meu blog não está funcionando por causa de um código em mootools. Me aconselha alguma coisa? E como faço para pegar a ID no google friend agora que fechou?

    ResponderExcluir
  19. ₢ris
    no painel do blogger onde mostra os seus blogs, numero de postagens e seguidores clique nos seguidores e verá a pagina com a numeração

    mas se descobriu que esse outro código está gerando conflito talvez seja bom retira-lo caso tenha problema com algum outro gadget

    ResponderExcluir
  20. Ola Eu Queria Um Código De Seguidores Que Exibice Apenas o Seguidor Atual.

    E Se Possível Se o Visitante Não Estiver Longado Apareça os Nome Efetua Login ou Fazer Cadastro.

    Obrigado.

    ResponderExcluir
  21. acho que deste jeito que falou não é possivel

    ResponderExcluir
  22. eu peguei o codigo mas a imagem que coloquei esta se repetindo como faço agora?

    ResponderExcluir
  23. tem que criar uma imagem no tamanho certo

    ResponderExcluir
  24. Fabiano, eis-me aqui de novo. Meu blog estava tão bonitinho, mas de repente, do nada sumiram os meus seguidores, não vejo mais as fotos deles. Excluí o gadget no layout e não acho mais o caminho para colocar meus seguidores de volta e aquele botão em que a pessoa pode seguir o blog. O que faço?

    ResponderExcluir
  25. Marisa é melhor inserir o gadget de seguidores do Google plus porque o Google não está mais atualizando o serviço antigo e acredito que deverá de funcionar qualquer hora.

    não sei nada sobre a desativação do serviço, mas com a criação do Google plus acho que é só uma questão de tempo para o sistema antigo de seguidores do blogger deixe de existir

    ResponderExcluir
  26. obrigada, Fabiano...vou tentar ver como funciona isso... :)

    ResponderExcluir
  27. Olá fabiano , gostaria de saber sem há como mudar a cor do próprio botão participar do site.
    Já tentei alterar esse padrão mas nao arrumo um jeito . Achei um tutorial ensinando mas é como jogar uma imagem por cima usando , e em monitores maiores ele desalinha .
    Se nao souber poderia me ajudar para descobrirmos uma forma de alterar o padrão do botão?
    Obrigada

    ResponderExcluir
    Respostas
    1. mudar a cor do botão padrão acho que não é possível.

      o jeito é criar uma imagem nas cores que você quer

      Excluir
  28. Olá Fabiano, gostaria de perguntar uma coisa, as pessoas tem dificuldades para participar do meu blog de culinária, elas dizer que não conseguem, não sei porque, você pode me explicar?... Sempre que preciso me recorro aqui no Dicas para blogs, é fantástico, parabéns, que Deus continue te iluminando!

    ResponderExcluir
    Respostas
    1. a maneira dos visitantes participarem é fazendo comentários.

      veja se as suas configurações permitem comentários e escolha a opção de mostrar a caixa de comentários

      Excluir
  29. Olha Fabiano, deixe eu te explicar melhor, é aquela parte que diz:
    (Participar Deste Site) em baixo diz assim: (Google Friend Connect) as pessoas me falam que não conseguem fazer parte do blog, entrar pro blog!... Entendeu agora?... Meu blog é: http://cozinhadaniva.blogspot.com.br/ Um abraço e fique com Deus!

    ResponderExcluir
    Respostas
    1. fazer parte do blog é seguir o blog.

      na verdade não é fazer parte seria como dizer siga a pagina do nosso blog no Facebook, google plus ou qualquer outra rede social

      Excluir
  30. Mas onde devo colar este código???

    ResponderExcluir
  31. pode ser como um gadget de html/javascript

    ResponderExcluir