Dominio: mundoblogger.com.br
Chave: 6750f38d68212cb9ffc85aee2a0ef61d0ebf4f04
Hora do cache: 1503007350
Vida do cache: 1503050550
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Hospedagem - 728 x 90

Widget

Personalizar o Gadget de Seguidores[desativado]

[alerta]
Google Friend Connect, mais conhecido como gadget de seguidores está desativado desde o dia 1º de março de 2012. A Google anunciou o encerramento deste serviço para todos os sites e blogs que não forem do Blogger.
[/alerta]


Uma das dúvidas que os leitores mais me reportam, é a respeito do gadget seguidores.
Atendendo a pedidos, hoje eu vou ensinar como personalizar este gadget, e fazer com que ele se comporte na maneira que você quiser, ou que apareça apenas na página inicial do seu blog.


Então vamos lá.
A primeira coisa a ser feita é acessar a página: www.google.com/friendconnect com sua conta do google (a mesma que você utiliza para se logar ao Blogger). Feito isto, você será redirecionado para a página de gadgets, clique em “Adicionar o gadget de membros”.

Na outra janela, no item nº 1, escolha a largura total do seu gadget.
Se você for incluir o gadget seguidores na sidebar, coloque a mesma largura(ou inferior) da sidebar, se for incluir no footer, coloque a mesma largura(ou inferior) do footer.
Em “Linhas de rostos” é a quantidade de fotos que você quer que apareça, configure a seu gosto.
Agora no item nº2, você deve configurar as cores do seu gadget,conforme você vai ajustando as cores, no painel ao lado você poderá visualizar as mudanças, portanto configure tudo e vá visualizando até ficar a seu gosto.

Quando tudo estiver configurado, no item nº3, clique em “gerar código“, copie o código fornecido e guarde, pois você precisará dele.

Agora é só ir até ‘Layout’ ? Clique em ‘Adicionar um elemento de página’? Escolha tipo ‘HTML/Javascript’ e cole o código lá.

Você pode colar o código na sidebar ou no footer,não se esqueça!
Eu recomendo que agora que você instalou o gadget, exclua o antigo gadget de seguidores, aquele que você tinha instalado no seu blog, senão aparecerão 2 gadgets iguais sem necessidade né? E não se preocupe que você não perderá o número de seguidores que já constavam em seu blog.

Ocultar o gadget seguidores nas páginas internas:

Caso você queira ocultar o gadget seguidores em alguma página especifica,como as páginas internas, por exemplo, vá na aba “layout” >> “edição HTML”, marque a caixinha “expandir Modelos de Widgtes” e procure pelo titulo do gadget de seguidores que você acabou de incluir.

Logo abaixo do trecho:


<b:includable id='main'>

Cole a condicional que define que seu gadget apareça apenas na página inicial e não apareça nas páginas internas


<b:if cond='data:blog.pageType != "item"'>

Agora você precisa fechar a condicional.
Cole:


</b:if>

antes de :


</b:includable>

Devendo ficar assim:


<b:widget id='HTML1' locked='false' title='Seguidores' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>

((restante do código fonte do gadget))

</b:if>
</b:includable>
</b:widget>

Pronto, seu gadget de seguidores vai aparecer somente na página inicial do seu blog.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

34 Comentários

  1. como faço pra mostrar ele em uma página especifica?

  2. Fernanda disse:

    O Google Friends Connect foi desativado, algum outro jeito?

  3. karine Araujo disse:

    muito legal deu tudo certo brigada

  4. .:: Clau ::. disse:

    Sergio
    O gadget de seguidores as vezes é um problema, pois nem sempre dá certo conseguir oculta-lo em determinada página.

  5. Sergio-F disse:

    Ótimo tutorial uma pena que o código para deixar só na página inicial, não deu certo.
    O código simplesmente some após colocar e salvar.
    Tem algo a ver com o template ou tem que refazer o gadget de seguidores?

  6. Monique Di Paula disse:

    Clau eu adorei o design do seu blog, e obrigada pela ajuda!
    Bjs

  7. .:: Lu ::. disse:

    Obrigada Clau!

    Um abraço.

  8. .:: Clau ::. disse:

    Lu
    Reporte seu problema diretamente no forum de ajuda do Blogger.

  9. .:: Lu ::. disse:

    Ah, sempre aparece esta mensagem: "Desculpe…

    Este gadget não está configurado corretamente. Dica do webmaster: verifique se as "Configurações do Google Friend Connect – URL da Página inicial" correspondem ao URL deste site."

  10. .:: Lu ::. disse:

    Olá Clau,
    Recentemente eu mudei o template do meu blog. O problema é que ele não está aceitando o gadjet de "seguidores", tanto pelo painel do Blogger, quanto pela instalação personalizada do Google Friend Connect.
    Se a solução para este problema for simples e você puder me ajudar, ficarei grata.
    Beijos,
    Lu.
    http://www.vaidadesevariedades.com

  11. Lucas Machado disse:

    Me ajudou muito, não sabia porque o #Followers1 não obedecia as condicionais. Cortou o mal pela raiz! muito obrigado

  12. Rodrigo disse:

    Muito bom mesmo, me ajudou muito !

  13. .:: Clau ::. disse:

    ???????
    Pode ser algum bug. Não tenho como saber o q houve. Sugiro que vc reporte o problema diretamente no Forum Oficial do Blogger.

  14. ??????? disse:

    Clau, depois que eu segui o artigo e fiz em um blog experimental, o widget de Seguidores nao aparece em mais nenhum dos meus blog =/
    Nao sei o porque . . . .
    Olha —> http://lc-5.blogspot.com

  15. Lukas disse:

    Clau mais um bug no blogger.
    Fiz a troca do meu modelo,e quando fui adicionar o gadget seguidores não adiciona,quando cliko em salvar aparece assim: 'Corrija os erros neste formulário',sendo que eu deixei o nome seguidores e os estilos padrões,nem modifiquei!
    Tà difìcil o blogger,è o bug dos seguidores,e o dos feeds.

  16. .:: Clau ::. disse:

    Mr.Pain
    Como vc mesmo já citou, é problema no template. Eu não tenho e não sei como ajudar.

  17. Mr.Pain disse:

    Clau, pelo amor de deus, você pode me ajudar? Recentemente eu adicionei um template ao meu blog ( http://www.gamespreviewbrasil.blogspot.com ) porém, eu to enfrentando sérios problemas, pois o gadget Seguidores não aparece. Já tentei criar através do google friends connect, mas ele continua não aparecendo. Adicionei outro template, e ele apareceu. Gostaria de saber, como faço pra resolver este problema. Preciso muito deste template, trabalhei muito nele, não posso troca-lo. Obrigado !

  18. ? Jão Bless ? disse:

    Muito obrigado
    foi muito util essa sua dica
    Forte abraço !!!

  19. .:: Clau ::. disse:

    TJ ®
    Obrigada pelo comentário! =)

  20. TJ ® disse:

    Clau, você é fera [!]

    Obrigado. Testado e aprovado. O LPV agradece.

    Keep blogging.
    Mais sucesso.
    TJ do loucosporvirtude | @loucos_virtude

  21. .:: Clau ::. disse:

    @josy47548:
    Obrigada pelo comentário. Espero que volte sempre!

  22. josy47548 disse:

    adorei esse blog, tem de tudo!

  23. ::Clau:: disse:

    @EwertoN:
    Existe um tutorial publicado aqui que ensina isso:
    Crie Efeito Tooltip nos links do Blog

    @th3m@d0xt3r:
    Que bom q conseguiu.

  24. th3m@d0xt3r disse:

    massa, deu certo.

  25. EwertoN disse:

    Gostei cara tava procurando faz tempo! =D

    Daria pra postar como vc modificou o 'title=""' dos links..

    Agradeço… ;D

  26. ::Clau:: disse:

    @Gustavo Freitas
    Obrigada pelo elogio e pelo comentário Gustavo. Vindo de vc eu me sinto até honrada…=)
    E volte sempre!

  27. ::Clau:: disse:

    @††JØ??††
    Eu já publiquei 2 tutorais que ensinam a criar formulário de contato:
    Criar Formulário de Contato pelo Google Docs
    Wufoo – Formulário de Contato para blog.
    De qualquer forma, obrigada pela sugestão. Volte sempre!

  28. Gustavo Freitas disse:

    Clau,
    parabéns pelo tutorial, mais uma aula que você deu sobre como escrever com simplicidade e objetividade,
    um grande abraço.

  29. Ddiscografias disse:

    Obrigado Clau agora funcionou perfeitamente :)
    o erro foi meu de n ter kolokado o blog certo… hehe

    Clau bem q vc poderia fazer um tutorial ensinando a customizar o formulário de contato… eu ja sei como customizaa… mas é uma ideia o pessoal ia gostar!!! (desculpa se fui entrometido)

  30. Kakashi disse:

    @Gothic Darkness
    tem como se criar um tipo de contador de cliques em links especificos, para ficar visivel no site o total de cliques em links especificos ou no geral? se tiver cria um tuto xD

  31. ::Clau:: disse:

    @††JØ??††
    Vc deve ter feito alguma coisa errada. Dá uma revisada e tente novamente.
    Toma cuidado pq se vc possuir varios outros blogs com a mesma conta não pode esquecer de selecionar qual blog vc vai instalar este gadget, talvez possa ter sido isso.

  32. Ddiscografias disse:

    Clau kolokei o gadget certinhoo mas n mostro os seguidores q eu ja tinha :S
    Sabe o porq ?

  33. .::GEEH::. disse:

    ótimo tutorial eu estava tentando colocar foto no titulo do gadget de seguidores e n conseguia, acho q agora com esse gadget personalizado vou conseguir ^^

  34. Nelsinho Cd's disse:

    Muito bom mesmo !
    gostei !

Desculpe, os comentários deste artigo estão desativados.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.