Botão personalizado para seguir o blog

Fizemos um botão com link para seguir nosso blog em vez de usar o widget criado pelo site google friend connect, e algumas pessoas perguntam como fazer um botão deste tipo para o blog. Isso é feito em duas partes primeiro você precisa achar ou editar uma imagem para usar como botão e depois copiar o link usado para seguir o seu blog.

Não vamos entrar em detalhes sobre como criar imagens pois já mostramos isso em outros tutoriais: programas para editar imagens gratis e como fazer banners online.

ID do blogger
O mais importante é você pegar o link correto para as pessoas seguirem seu blog isso você faz no painel do blog, veja os links nova postagem, configurações, designer, clique sobre qualquer um deles veja que na pagina que abre o endereço dela tem um numero grande no final então copie esse numero(representado na imagem acima por xxxx..).

Agora troque esse no código abaixo e depois coloque no seu blog pela pagina designer, adicionar gadget, html/javascript:

<a href="http://www.blogger.com/follow-blog.g?blogID=6733904293279049411" target="_blank">seguir esse blog</a>

Seguir Blogger
Se quiser pode usar esse link com uma imagem enviando como um gadget de imagem e no campo link coloque o endereço http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxxxx e quando alguém clicar no link de texto ou na imagem irá para uma pagina falando para seguir o seu blog(faça o teste neste link).

Caso queria usar o código html para usar uma imagem personalizada do botão seguir então o código ficará assim:

<a href="http://www.blogger.com/follow-blog.g?blogID=6733904293279049411" title="Seguir Blogger" target="_blank"><img src="endereço da imagem" border="0"></a>

Essa é uma maneira diferente de convidar as pessoas para seguirem seu blog e pode dar bons resultados porque vamos usar o texto e imagens que desejarmos.

73 comentários:

  1. Puxa, Fabiano! Adoro as suas dicas!
    Eu fiz no meu blog e ficou ótimo. Utilizei o Paint pra fazer a imagem.
    Muito obrigada!
    Bjos,

    Mônica
    http://www.redenacional1.blogspot.com

    ResponderExcluir
  2. Olá Fabiano, excelente dica. Já faz um tempinho que uso este estilo. Eu utilizo um avatar, e fiz outra inovação, coloquei o gadget dos seguidores numa página exclusiva do blog, para deixar a página inicial mais leve.

    Forte Abraço.

    ResponderExcluir
  3. como faço para fazer o banner com uma imagem do computador?

    ResponderExcluir
  4. Anônimo:

    se já tiver a imagem no tamanho certo veja aqui: Como fazer um banner

    se precisa editar a imagem neste link tem Programas Gratuitos para Edição de Imagens

    ResponderExcluir
  5. eu criei um blog, mas nao consigo achar a parte do "designer, adicionar gadget, html/javascript:""
    sera por eu estar a usar o designer de modelos? T.T
    ajuda plis, eque o meu blog esta demasiado simples...

    ResponderExcluir
  6. Mary
    no painel do blogger ao lado do nome do blog tem nova postagem, editar postagens, comentários, configurações, design..

    ResponderExcluir
  7. Fabiano eu gostaria muito de dividir o cabeçalho do meu blog mas não consigo. Quando vc fez aquele tutorial sobre isso o código q está na postagem é dos modelos do blog lançados em 2006, porem eu ultilizo o design de modelo. Todo aquele código q vc diz para procurar não existe neste novo template. Pode ajudar?
    Grato;

    ResponderExcluir
  8. Sim fis isso, mas as postagens ficaram beeemm ao lado do blog, como se voce uma sidebar de texto. O que terá ocorrido?

    ResponderExcluir
  9. eu tambem uso há um tempão e tenho essa imagem que seria boa para todos

    http://lh6.ggpht.com/_LFJkYVZlcG0/TGf1_B06PbI/AAAAAAAACww/eeyek3VU7ic/seguir.png


    clique em expandi modelos e
    ponha ela abaixo de

    class='post-icons'>


    http://www.glugu.com

    ResponderExcluir
  10. Otima dica , adorei e deu certinho, custou um pouco mais deu :D

    ResponderExcluir
  11. muito bom essa postagem, sempre acompanho seu blog.......

    ResponderExcluir
  12. Como encontrar o link da pagina de seguir do meu blog ?

    com seu link

    http://www.blogger.com/follow-blog.g?blogID=6733904293279049411

    grato !

    ResponderExcluir
  13. FALA AI FABIANO GOSTEI DAS DICAS APLIQUEI NO BLOG VISITA LA E UM BLOG EVANGELICO WWW.VIVENDOPARADEUS.BLOGSPOT.COM

    ResponderExcluir
  14. Poxa... eu to fazendo tudo certinho e talz... em partes deu certo... vaii pra uma pág... só q aii aparece assim:

    A pág que vocÊ está procurando no blog Fraan Simas não existe'


    e eu n seii mais o que fazer...

    Vc saberia me ajudar? Beijo! Fraan!

    ResponderExcluir
  15. acho que pegou algum numero errado, fiz testes e funciona do jeito que explicamos no tutorial

    ResponderExcluir
  16. Poxa... obg então... eu vou tentar de novo... se não der certo eu deiixo pra lá...!

    ResponderExcluir
  17. Achei suas dicas incriveis , ajuda muito mesmo .. Obrigada ..

    ResponderExcluir
  18. ERA ISSO QUE EU QUERIA E NÃO ACHAVA EM LUGAR NENHUM! VALEU!!!

    ResponderExcluir
  19. Poxa, estou tendo o mesmo problema da colega acima. Já peguei todos os números finais dos lugares falados no tutorial e aparece que a pagina não existe D:

    O que fazer?

    ResponderExcluir
  20. Poxa, alguem pode me dizer em qual seção extamente vocês pegaram o link de vocês para seguir, pra eu testar e ver se dar certo no meu?

    Grata.

    ResponderExcluir
  21. para pegar esse numero entre na pagina designer do seu blog, e olhe na barra de endereços, lá aparecerá igual a primeira imagem deste tutorial, só que em vez do xxxxxxx terá o numero do seu blog

    ResponderExcluir
  22. Me socorram... Quero muuito colocar esse botãosinhode seguir no meu blog, mas nao to entendendo :(

    ResponderExcluir
  23. você precisa copiar o numero da id do seu blog e colocar o link em uma imagem, não tem como explicar de outra maneira

    ResponderExcluir
  24. háááááááááá´por favor, presciso de uma ajuda! eu fiz o banner pra seguir no meu blog, so que, ta indo direitim pra seguir, ai, depois que vc segue, num volta d enovo pro blog, fica naquela página do "CONCLUÍDO" e não volta! pode me ajudar? :B

    ResponderExcluir
  25. animau
    se colocar o botão e clicar nele vai aparecer uma mensagem que você já segue o seu blog

    ResponderExcluir
  26. VALEU PELA DICA!!! EU FIZ O MEU! FICOU PERFEITO, FIZ COM IMAGEM GIF! DÁ UMA OLHADA AE NO "I POP" >>>> http://ipopworld.blogspot.com/

    ResponderExcluir
  27. Fala ae Fabiano, blz?
    Cara, deu certo, mas o que eu queria éra que abrisse a janela que abre pelo seguir do próprio blog. Vc tem esse código?
    Já baixei o fonte, dei uma estudada, mas tem muita coisa oculta nas classes...
    Valeu.

    ResponderExcluir
  28. Não existe uma forma mais explicada que isso? :x Não tem como faze rum tuto com fotos? Esse novo blogger me deixa doido. Não consigo fazer de nenhuma forma... Vou ficar maluco, ando até sonhando com esses botões. Kkkkk.

    ResponderExcluir
  29. Olá. Tenho curiosidade em saber se tem um modo de criar um botão que desse pra alguém "favoritar" o blog... Ao invés de ir em favoritos e salvar ter o proprio botão no blog. Enfim, se souber de algo do tipo, poderia fazer um post sobre?

    Grato.

    ResponderExcluir
  30. para fazer um botão ou link para seguir é só copiar a id do seu blog não tem outro jeito mais simples de fazer...

    ResponderExcluir
  31. Muito bom! Brigadaço pela dica! Já usei no meu blog: http://emturne.blogspot.com/

    ResponderExcluir
  32. Como faz para colocar a imagem? Eiu não consegui, so aparece o nome "Siga o blog", queria, em vez de colocar o nome, uma imagem

    ResponderExcluir
  33. Fiz o que vc falou e não deu certo, quando coloco http://www.blogger.com/follow-blog.g? blogID=872346583...(meu ID) na opção de inserir um gadget imagem e depois clico no botão que criei para seguir vai pra página inicial do blogger para criar um blog. Estou fazendo alguma coisa errada?

    ResponderExcluir
  34. é estranho dizer isso pois deveria aparecer uma mensagem dizendo que você já está seguindo seu blog... tente fazer o teste novamente

    ResponderExcluir
  35. Pois é Fabiano, aparece sim essa mensagem dizendo que já estou seguindo o meu blog, mas quando faço logout ou então peço alguém para clicar no botão seguir por outro computador aparece essa página inicial do blogger para criar um blog. É só colocar mesmo esse endereço com o n° do ID no link do gadget imagem? Desde já, obrigado pela ajuda.

    ResponderExcluir
  36. para seguir um blog é necessário estar logado, por isso quando não está logado vai para a pagina principal do blogger

    ResponderExcluir
  37. Ah entendo. Mas aquele botão oficial que vem com o blog para seguir remete a uma página para fazer login pelo google, yahoo, etc. Então esse é diferente? A pessoa já tem que estar logada num email para seguir o blog? Pode ser qualquer email que funciona?

    ResponderExcluir
  38. sim, porque quando clicar para seguir o blog terá que ter um email (conta) que usará para seguir... ou seja se não estiver logado (sem conta) não poderá seguir um blog

    ResponderExcluir
  39. Ok, Fabiano. Muito obrigado pelas informações. Seu blog é muito bom, estou sempre por aqui dando uma olhada nas dicas!

    ResponderExcluir
  40. Olá Fabiano,
    eu recentemente li uma postagem sua sobre como entrar no(s) "Top Parceiros", como não consigui comentar naquela postagem resolvi comentar aqui e mesmo para te perguntar se você também analisa o número de visitas que o meu blog vê o seu?

    ResponderExcluir
  41. Meu blog a pouco tempo mudei o nome dele, depois disso parou de mostrar para as pessoas que seguem o blog que tem postagens novas no painel. Já tentei mudar o nome do blog para o que era antes, mas não adiantou, queria saber como resolver esse problema

    ResponderExcluir
  42. Anônimo
    mudar o nome do blog não tem nada a ver com para de mostrar quem segue o blog... tem certeza que não fez outra mudança?

    você trocou o nome ou endereço do blog?

    ResponderExcluir
  43. Nunca mudei o endereço do blog, só o nome, eu imaginei que não tinha nada a ver, mas é a unica coisa que eu imaginei que faria isso, pois já mudei nome de outro blog e nada aconteceu. já mudei de Template que foi baixado na net, mas isso eu também já tinha feito no meu blog antes de parar de enviar as postagem do blog, para os seguidores.

    ResponderExcluir
  44. Ah como colocar um espaço pra login igual a de sites que precisam de cadastro mais enves de cadastro e login,seguir o blog!se não entendeu cou dar um exemplo... eu tenho um site e da pra criar um perfil online nele e na pagina inicial tem um espaço para o usuario fazer login colocando seu nome e sua senha so que envés de nome seja o email da conta do google.por favor espero que me ajude.abraços

    ResponderExcluir
  45. Lucas Alves
    essas partes de criar cadastros, perfil de usuarios.... envolvem coisas que o blogger não tem como por exemplo banco de dados...

    você precisaria criar um site fora do blogger para fazer isso

    ResponderExcluir
  46. eu fiz isso, mas sempre que alguem carrega em seguir no meu blogue, abre a pagina do blogger para a pessoa criar um blogue.E devia aparecer como queremos seguir o blogue e não para criar um blogue. Alguma coisa está a dar errado mas não sei o quê. Pode me ajudar?

    ResponderExcluir
  47. Anônimo
    tem que estar logado com uma conta google ao clicar no botão... não é possivel seguir um blog sem conta google... esse deve ser o motivo do erro

    ResponderExcluir
  48. cara da uma luz ae mano eu coloco la certinho tipo blogID=8888888888 só que quando click na imagem em vez de tar "blogID" ele ta "blogid" minusculo mas la no código eu coloco maiúsculo eu estou tentando implementar ele em um código daqui mesmo que é aquele janela que abre quando entra no blog vlw.

    ResponderExcluir
  49. valeu ai mano nem precisa mais conseguir aqui era só questão de arrumação do script =)

    ResponderExcluir
  50. ei, ai só tem a imagem de seguir, eu quero também que apareça os seguidores.

    ResponderExcluir
  51. Muito obrigada! Já havia procurado e como sempre encontrei aqui! Valeu!

    ResponderExcluir
  52. eu gostaria de saber como botar a imagem eu boto o codigo da imagem mas aparece o código e não a imagem por que?

    ResponderExcluir
  53. Reinaldo
    deve ter faltado alguma coisa no código, por exemplo " > = ou qualquer outra coisa, por isso o código ficou incompleto e aparece como se fosse um texto

    ResponderExcluir
  54. ta ai mais um tutorial de qualidade

    ResponderExcluir
  55. fabiano agora como eu coloco em forma de imagem ?

    ResponderExcluir
  56. até que enfim consegui rsrsrs olha como fico fabiano ah vc sabe como é blog de humor é meio estranho rsrsrs mais consegui agradeçe irmão vo dá mais uma navegada lá em html Agora

    ResponderExcluir
  57. para usar imagem o código fica assim:

    < a href="http://www.blogger.com/follow-blog.g?blogID=6733904293279049411" target="_blank" >< img src="endereço da imagem > < /a >

    vou colocar isso no tutorial também

    ResponderExcluir
  58. pessoal segue meu blogger ai
    http://marcella-souza.blogspot.com.br/
    me segue que eu sigo vocês

    ResponderExcluir
  59. Tenho 13 anos e acabei de fazer meu curso de web designer, sempre quando eu tenho uma dúvida eu venho pra esse site. Eu uso o Adobe Fireworks CS5 pra fazer meus projetos.

    ResponderExcluir
  60. Ricardo MDS você pode usar o Fireworks para criar as imagens mas para utilizar no blog terá que saber mexer com html não tem como usar os códigos gerados pelo fireworks

    ResponderExcluir
  61. Olá Fabiano. Dei conta não, rapaz. A instrução de aparecer a IMAGEM não deu certo. Aqui só o texto "Seguir este blog". Queria, também, o botão e a foto do seguidor. Não sei como faço isso. Você explicou aí acima, que é um gadget do Blogger, mas como encontrá-lo? Qual o nome dele? Ajuda-me. Obrigado.

    ResponderExcluir
  62. Marcio o blogger retirou esse gadget, o nome dele era seguidores do blog.

    agora o blogger usa o seguidores do google+

    ResponderExcluir
  63. Olá Fabiano, estou precisando de sua ajuda.
    Gostaria de saber como colocar imagem em movimento para seguir um blog.
    Exemplo no meu blog, há uma pessoa me seguindo com uma corujinha que abre e fecha o olho.
    Como ela conseguiu fazer isso?, me responda por favor!
    Tenho uma arvorezinha que solta coraçãozinhos e gostaria de colocar na minha imagem para seguir outros blogs.
    Aguardo resposta:
    email: lucyngaraujo@gmail.com

    Meu blog:
    http://frutodoespirito9.blogspot.com/

    Desde já agradeço, e aguardo sua resposta.

    ***Lucy***

    ResponderExcluir
  64. Ah! me esqueci... Vá no rodapé do meu blog que irás ver a imagem animada da corujinha, no quadro de recentes visitantes.

    ResponderExcluir
  65. Fruto do Espírito eu não tenho os códigos mas existem códigos para imagens seguir o ponteiro do mouse ou deslizar na tela...


    não publiquei tutoriais sobre o assunto porque os códigos que testei deram alguns erros dependendo do template e navegador.

    ResponderExcluir
  66. Fabiano Roberto muitíssimo obrigado!

    Abraços e que Deus te abençoe poderosamente!

    ResponderExcluir