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&callback=contadorFriendConnect&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=
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.
Link desta página
20 Comentários
