Como colocar feed do instagram no blogger

Oi meus amores!!!

Mais um post de tutorial para blogger! Hoje vou ensinar a vocês como colocar o feed do instagram no blogger com o título personalizado.

Vamos utilizar o SnapWidget e assim que a página abrir clique em Sign Up.

Irá aparecer essa página. Crie sua conta!

Depois da conta criada abrirá uma página. 

Na página que abrir você verá isso:

Na primeira caixinha clique em Edit Widget.

Na página que abrir clique em user name.

Será necessário que você esteja logado com sua conta do instagram para validar o box.

As suas fotos já aparecerão.

Agora configure os campos abaixo da seguinte forma caso queiram o feed como o meu.

Clique em Get Widget e copie o código da caixinha.

Agora vá layout adicionar um gadget, em seguida HTML/javascript cole o código e salve.

Selecionei dois modelos de título para vocês um feminino e um masculino.

MODELO 01

<div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyyRpQDpZtvOT0UfqHM5cFUdUA8VVEJpFMuc923wnbFfSZFiEwuHiHlr4C73y0idAicfuri_2PoBwJIYnGdIcKLYzEVrZnq7C1Pwy_SBSTzZsTdsZvnWL7VDz7PoFxYKO5lSwT6qCwgJY/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyyRpQDpZtvOT0UfqHM5cFUdUA8VVEJpFMuc923wnbFfSZFiEwuHiHlr4C73y0idAicfuri_2PoBwJIYnGdIcKLYzEVrZnq7C1Pwy_SBSTzZsTdsZvnWL7VDz7PoFxYKO5lSwT6qCwgJY/s400/Untitled.png" width="400" /></a></div> </div> <br />


MODELO 02

<div style="text-align: center;"> <div class="separator" style="clear: both; text-align: center;"> <img border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz3RZDVGbOczX4HPz5FXYgJCih2IpsXB99AuWPKZ9RfiTgpzZtkSy8hyHM76lkb3guLQ5QlSze7no5eMp19NU6vn3Kl8VH9gCWLkY-nYrFu9kZooAexwmZIfg0rbiGpHqvJ9zXkX5PdMU/s400/Untitled2.png" width="400" /></div> </div>

Depois que escolher o modelo que irá utilizar vá em layout e clique em editar o gadget onde você colocou o código do instagram.

Cole o código da imagem uma  linha acima do primeiro código e salve as alterações.

Espero que tenham gostado!!!! Se você seguiu passo a passo e deu certo me conta aqui, qualquer dúvida deixa nos comentários beijo e tchau.

0