#TutoriaisDaJaque ♡ Colocar Instagram no Rodapé do Blog

OIIIIE MEUS TESUDOOOS!

 Olheeeem o que vooooltou aqui para o OAB tananananaaaa siiiim o #TutoriaisDaJaque. Desde quando mudei o template do blog muuuuitos tesudos pedem para eu ensinar como que faz para colocar um widget do Instagram no rodapé do blog. Eu era doidinha para fazer no meu mas nunca conseguia, fucei o mundo através do Google e não achei nenhum tutorial que me ajudasse e então resolvi colocar a cara e a coragem nos códigos e deu super ceeeeerto!

 

Para acessar o site do SnapWidget clique aqui.

Vá no seu editor de imagem e crie uma imagem de 1500px x 315px.

Faça um fundo da cor desejada e escreva algo em cima, por exemplo como a imagem ao lado (Clique aqui para fazer download) como estamos aprendendo sugiro que você faça uma imagem parecida com essa - Faça o download da imagem em sua maquina, você verá que ela tem um fundo transparente. Caso queira utilizar essa imagem em seu blog fique a vontade ;)

 Dentro da caixinha de HTML/JavaScript coloque:

<div id='Instagram'>COLE AQUI O CÓDIGO DO SNAPWIDGET</div>

Vá em MODELO > EDITAR HTML > Clique dentro da caixinha de códigos e tecle CTRL + F pesquise por Instagram.

Assim que você pesquisar por Instagram irá aparecer id='HTML' Fique MUITO atento a numeração que está ao lado de HTML pois você usará ele no passo a seguir!

Pesquise por ]]></b:skin> e acima dele cole:

/* Instagram no Rodapé
----------------------------------------*/
#HTML1{
background: url(http://static.tumblr.com/wlnblxn/NnTnxklhj/ultimas_do_insta.png) no-repeat; /* Imagem de fundo*/
text-alig:left; /*Verifique qual é o melhor para você. Left (esquerda); Right (Direita); center (centralizado do meio)
padding: 80px 0px; /* Altura entre o background e as imagens do Instagram

Onde coloquei #HTML1 coloque o numero do HTML que aparecerá no seu código no passo 7.

 Volte em Layout > Footer 1 > Apague o título "Instagram" que colocamos no passo 6!

Fiiiiiim! Gente, desse jeito que fiz e expliquei deu super certo para mim. Fiz em um blog de teste e também ficou bem direitinho. Caso você tenha seguido todos os passos e não tenha conseguido fazer pode deixar um comentário com o link do seu blog para que eu possa verificar e tentar te ajudar ;)
 Espero MUITO que tenha dado para entender e que vocês consigam fazer isso em seus blogs.