Colocar atualizações do Instagram no blog com link direto para o perfil, sem precisar de sites externos - * Blog Elaine Gaspareto *

Colocar atualizações do Instagram no blog com link direto para o perfil, sem precisar de sites externos

Publicado em 08/10/2018

Tempo de leitura:

Ao longo do tempo eu fui publicando alguns tutoriais que ensinam como colocar as atualizações do Instagram no blog, além de outras dicas para extrair o melhor da plataforma de compartilhamento de fotos. Recorde:


Todas funcionam, mas têm um inconveniente: todas precisam de sites externos para gerar o script que faz as atualizações aparecerem. E isso pode ser complicado pois o serviço pode sofrer alterações sem aviso prévio, o site que gera o script pode suspender o serviço, etc...
Além disso, dois dos sites que geram os scripts não atualizam o widget mais de uma vez por dia... #chatiada

E também tem a desvantagem de que os cliques direcionam para a página do site que gera o script, e não para o nosso perfi do Instagram.
Apenas um dos sites fazia isso (direcionar direto para o nosso perfil), mas ele tem o inconveniente de que a versão gratuita não é compatível com https (saiba mais no blog Hospedagem de Sites).
Ou seja, funciona mas tem falhas.
Muitas falhas, a gente até usa mas, né... não fica feliz dicunforça...
Acontece, querido leitor, que seus problemas siacabaram-se!

Vou te mostrar hoje uma forma de ter em seu blog as atualizações do Instagram, e com o número de curtidas e comentários que cada foto tem, sem precisar de scripts gerados por terceiros, com link direto para a sua foto, em seu perfil.
E tudo isso de graça!
Duvida? Olha a demonstração (role a página até o rodapé):


Demonstração do tutorial



Quer aprender?
Vem cá, cata esse passo a passo:

Como colocar atualizações do Instagram no blog com link direto para o perfil, sem precisar de sites externos

Para começar acesse a página com os códigos que vamos usar:


Copiar o código


Deixe a página aberta e vá ao painel de seu blog.
Clique na aba Tema e a seguir clique em Editar HTML.
Dentro da caixa com seu código-fonte tecle Ctrl+F e na barra de busca que expandir digite ]]></b:skin> e tecle Enter para localizar.
Acima de ]]></b:skin> cole o CÓDIGO CSS.
Salve.

Agora, na barra de busca, digite </body> e localize.
Acima dessa tag de fechamento cole o CÓDIGO DO PLUGIN e salve.
Calma que ainda não está pronto! Vamos gerar o seu código de acesso!

Para gerar o código de acesso faça login em sua conta Instagram.
A seguir acesse esse site: http://instagram.pixelunion.net/
Clique no botão Generate acess token.
Será gerado um código de acesso.
Copie todo o código.

Volte ao painel de seu blog e onde está escrito SEU CÓDIGO DE ACESSO COMPLETO AQUI coloque o código todo, inteiro.
E onde está SEU USER AQUI (10 NÚMEROS ANTES DO PONTO) coloque, claro, os 10 primeiros números do seu código, aqueles que aparecem antes do ponto.
Salve.
E tá feito!


Dicas extras importantes


1- Não apague a vírgula no campo userId e nem as aspas duplas no campo accessToken;
2- Cores básicas e tamanho das fotos você altera no CÓDIGO CSS. Só mexa ali se tiver ao menos conhecimento básico em CSS.
Todas as áreas editáveis seguras deixei sinalizadas no código;
3- Como deixo explicado no código, caso queira o widget no rodapé do blog, ocupando a largura total da página, cole o CÓDIGO HTML acima de </body>
4- Se quiser em outro lugar cole como gadget HTMLJAVASCRIPT.
5- Atente ao fato de que nem todos os templates possuem a área do rodapé na largura total do blog. Tem que testar, ok?
6- O plugin que faz a mágica acontecer foi desenvolvido por Steven Schobert para Instafeed

Leia e releia o tutorial, gere o seu ID no site que indiquei, faça com atenção e calma e livre-se da necessidade de sites externos para colocar as atualizações de seu Instagram no blog.
Não é demais?
Merece um Curtir?







2 comentários via Blogger
comentários via Facebook

2 comentários:

  1. Olá Elaine,

    Mais um gadget instalado com sucesso.
    Obrigada!!
    Só tenho uma observação a fazer: o meu código gerado tinha apenas 9 números antes do ponto :) Inseri esses nove números e está funcionando perfeitamente.

    Beijos

    ResponderExcluir
    Respostas
    1. Patrícia, obrigada pela dica.
      Eu notei que pode acontecer, acho que depende do perfil do IG de cada pessoa.
      beijosss

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…