Funciona, é bem legal mas tem uma outra opção que quero te mostrar agora.
Fica assim:
Ele fica assim, na horizontal, é semi-responsivo, ou seja: se adapta à área onde for posicionado e atualiza os números automaticamente.
É extremamente simples de instalar e você pode trocar as plavaras e cores, se desejar.
Vamos trabalhar?
Para começar abra a página com o código necessário à realização do tutorial e copie o código:
A seguir vá até seu blog e clique na aba Layout. Clique então em Adicionar um gadget e na janela de opções que aparecer escolha HTML/JAVASCRIPT.
Dentro da caixa que expandir cole o código copiado.
Faça as alterações necessárias: onde você vê os meus usernames apague e substitua pelos seus, de suas redes sociais.
Agora preste atenção: você precisa gerar o token de acesso do Instagram para que os números dos seus insta-seguidores apareçam.
Estando logado em sua conta Instagram clique http://instagram.pixelunion.net/ e gere o token de acesso.
Copie o código alfa-numérico que foi gerado e troque o meu, que está no código que disponibilizei, pelo seu, que acabou de gerar.
Salve, arraste para onde deseja que fique e salve a organização.
Caso você queira trocar as palavras Likes, Seguidores, etc... basta localizar no código essas palavras e as substituir pelas que desejar.
Cores eu não recomendo trocar, afinal já estão com as cores "oficiais" de cada rede social.
Bem simples e fácil, né?
Uma última dica: faça o download do arquivo .js que faz o contador funcionar. Basta clicar https://sites.google.com/site/codigoselainegaspareto/scripts/contadordeseguidoresbyelainegaspareto.js e o download será feito.
Salve esse arquivo em seu computador e a seguir hospede-o em seu próprio host. Aí substitua o endereço da minha hospedagem pelo endereço da sua.
Não sabe como fazer isso? Calma, eu ensino, veja:
Como hospedar arquivos usando o Google Sites?
Gostou?
Se tiver alguma pergunta relativa à execução deste tutorial diga nos comentários e eu ajudo se for possível.
E se quiser ajudar o blog pode usar o Método Cococu!
Co= comentarEu? Fico muito agradecida!!!
co=compartilhar
cu=curtir
BOm dia! Que maravilha é essa menina!
ResponderExcluirPOst salvo e vou tentar fazer no meu blog!
Beijos
Minhas Inspirações por Sara Menezes
Suas dicas são sempre especiais.
ResponderExcluirGrata
Xero
Essa dica parece fácil de por em prática. Vc sempre objetiva e com uma linguagem acessível.
ResponderExcluirElaine, ontem de mandei um in box no face. Não se assuste, acho que vc vai gostar da minha decisão.
Bjs
Bom dia, Elaine.
ResponderExcluirA página do código está dando indisponível, tanto no Crome como no Firefox.
Um abraço e bom fim de semana.
www.aponarte.com.br
oi amiga...não consegui o código link para copiar o código mostra página não existente ...obrigado
ResponderExcluirQuerida, nao consigo copiar o link, ao clicar no quadrado, diz que esta pagina nao existe :(
ResponderExcluirBjks mil
Como sempre, dando altas dicas!
ResponderExcluirbjk
Elaine, não está aparecendo o código, diz que a página não está disponível.
ResponderExcluir:(
Gente querida, sorry! Eu esqueci de deixar o código em modo público. Já corrigi, está certinho.
ResponderExcluirDesculpe, é a vida loka dessa pessoa que vos fala...
Olá Elaine, estou no seu Blog vendo todas as postagens. Por que a numeração das páginas do rodapé só aparece na primeira página? Ao acessar por exemplo a página 2, não aparece a numeração das páginas no rodapé, só aparece na pág 1. Só consigo acessar até a página 5, as demais não. Tentei em 3 navegadores e aconteceu o mesmo. Testei no celular e também aconteceu.
ResponderExcluirVilma, é assim porque o script que eu escolhi usar funciona assim. Depois da primeira página aparecem links de navegação, clique neles e as próximas postagens aparecem.
ExcluirEu gostei e vou experimentar. Claro que vou trocar cores e fontes kkkk
ResponderExcluirObrigada! Achei prático.
beijossssss
Oi Elaine! Fiz tudo como pede, mas quando coloquei na lateral só aparece os ícones e palavras seguidores e o resto fica em branco, onde será que errei. beijos.
ResponderExcluirLuh, eu não sei dizer...
ExcluirTem certeza que fez tudo certo e que não há outros scripts causando conflito?
Oi Elaine! Hoje apareceu, mas ficaram grandes e os números não aparecerem, será que é porque a largura da minha sidebar é menor? Vou tentar novamente para ver se funciona, amei esse tutorial, Beijos.
ResponderExcluirwww.blogsemprebelas.com
que pena, segui todos os passos mas não deu certo!
ResponderExcluirJac, é que você está usando um dos novos templates do Blogger e neles, os responsivos, não dá certo. Aliás a maioria dos tutoriais não funcionarão nesses templates...
ExcluirOlá Elaine, eu fiz tudo direitinho só que não está aparecendo a minha quantidade de seguidores do Twitter... Eu já olhei o meu nome de usuário e ele está certo :/
ResponderExcluirRuan, talvez esteja dando conflito com outro gadget semelhante que você já tem no blog...
ExcluirVocê pode dar uma olhadinha por favor?
ExcluirConceito Aberto
Ruan, tem outro gadget lá com a mesma função. Experimente testar o contador em um blog de testes, sem nada parecido...
ExcluirElaine, Bom dia.
ResponderExcluirGostaria de reativar o blog da minha mãe. o nome é Blog da Cássia Rezende. Ela faleceu há pouco tempo e gostaria de fazer isso.. Obrigada desde já.
Att, Vitória FR
Elaine, Bom dia.
ResponderExcluirGostaria de reativar o blog da minha mãe. o nome é Blog da Cássia Rezende. Ela faleceu há pouco tempo e gostaria de fazer isso.. Obrigada desde já.
Att, Vitória FR
Elaine, muito obrigado por mais um excelente tutorial. Com você posso tornar meu blogger da forma como bem quero. Deus te abençoe sempre.
ResponderExcluirOlá tudo bem?
ResponderExcluirSegui o tutorial direito e inclusive testei ele em outro blog, mas não apareceu o número de seguidores. Só aparece o ícone da rede e as palavras correspondentes. Perguntas: Somente o Instagram exige o acesso token? Facebook e Twitter não precisa obter acesso token? Será que pra ele começar a funcionar direito tenho que esperar mais tempo, tipo até o outro dia?
Grato!
Moisés, só o Instagram exige o token.
ExcluirNão precisa esperar não, aparece na hora.
O que pode ter acontecido é conflito com algum script que já exista em seu template, tipo slide ou qualquer outro gadget que use JQuery pra funcionar.
Também não pode esquecer justamente da biblioteca JQuery, a última linha do código que forncei: se não tiver tem que instalar e se já tiver não pode repetir.
Chequei agora e está funcionando, olha no blog de uma das minhas clientes:
http://www.reciclaredecorar.com/
Obrigado pelo retorno.
ResponderExcluirTinha uma outra biblioteca JQuery no meu html, daí eu removi porém nada aconteceu tbm. Eu vou fazer alguns testes aqui, daí se der certo retorno aqui pra dizer como consegui. Obrigado.
Como prometido estou retornando após fazer alguns testes...
ResponderExcluirPrimeiro tentei inserir o techo em CSS diretamente no html pra ver se dava certo e não deu. Daí removi alguns widgets que suspeitava que estavam dando conflito e também não deu. Recomecei o processo pra ver se tinha esquecido de algo e também não deu certo.
Fui procurar outro tutorial similar na internet e encontrei um que não sei qual é o idioma, mas deu pra seguir direitinho e dessa vez deu certo.
O link do tutorial foi esse aqui https://mastamvan.blogspot.com.br/2016/12/social-media-follower-counter-blogger.html
No meu blog ficou assim http://www.musicacafe.com.br/
P.S. Consegui ajustar meu blog graças a alguns tutoriais seu. Obrigado pelas dicas.
Ah, que bom que deu certo!
ExcluirSabe qual foi o problema? Os scripts hospedados no Google Sites (que é onde hospedei) de vez em quando travam em blogs com domínio público diferentes do domínio de origem. O ideal, nesse caso, é hospedar em seu próprio host.
Mas que bom que no fim deu certo!
Olá, boa tarde!
ResponderExcluirContador do twitter não funciona!
Link teste: https://templatemodelolivros.blogspot.com.br/
Poderia ajudar? Grata!
Daniela, sugiro que releia o tutorial e veja se não esqueceu nada. No meu blog de testes está normal (Códigos para seu blog), bem como no blog de uma cliente, confira:
Excluirhttp://www.reciclaredecorar.com/
Sugiro baixar o arquivo .js e hospeda´lo em seu próprio host pois pode acontecer de haver excesso de tráfego e ele bugar.
bjssss
O meu não funcionou :(
ResponderExcluirhttp://www.everylittlebook.com.br/
Oi, Elaine. Esse tutorial ainda funciona?
ResponderExcluirJesi, o script parou de rodar.
ExcluirDeixei no ar por motivos de SEO e estou tentando reescrever o trecho que acho que pode fazer voltar.
Mas ainda não consegui :(