Como colocar o Instagram no rodapé do seu blog


Vocês sabem que eu amo compartilhar com vocês dicas sobre vários assuntos e isso inclui dicas pro seu blog também! Uma das tendências do momento no mundo dos blogs é ter o feed do seu Instagram na parte inferior do blog, dá um visual mais agradável ao design. Eu passei o fim de semana vendo e revendo os códigos para trazer pra vocês um passo a passo muito simples de como colocar o Instagram no rodapé do seu blog.

Como colocar o Instagram no rodapé do seu blog?
Em primeiro lugar faça um backup do seu layout antes de começar okay? Após isso 'simbora' pro passo a passo de hoje!
  • Identifique onde o rodapé do seu blog está localizado, para isso vá em Layout e na parte inferior em vez de clicar em Rodapé você deve clicar em "Footer-1" e vá em adicionar um Gadget HTML/Java Script.




  • Logo após vá ao site SnapWidget e customize o seu widget e clique em Get Widget




  • Copie todo o código que estiver na janela que vai abrir na sua tela ao clicar em Get Widget.


  • Após copiar o código volte ao seu blog e em HTML/JavaScrip cole o código seguido do seguinte código <div id='Instagram'>cole aqui o código do SnapWidget</div>  e clique em salvar, o código deverá ficar como na imagem abaixo:



  • Agora vá em Modelo >Editar HTML  > e dentro da caixinha dos códigos procure pelo Instagram clicando em CTRL+ F:

Onde tem id='HTML1' preste atenção na numeração que vem após HTML pois essa numeração vai ser de muita importância no passo a seguir.

  • Na mesma caixa de pesquisa apague o nome Instagram e pesquise por ]]></b:skin> e acima dele coloque o código abaixo:

/* Instagram no Rodapé do blog

----------------------------------------*/
#HTML1{
background: url(http://i65.tinypic.com/2q83wh3.png) no-repeat; 

/* Imagem de fundo*/

text-alig:left; / 
padding: 80px 0px;



Depois é só salvar o modelo e o Instagram estará no rodapé do seu blog!


Atenção!
Você deve adaptar o código de acordo com as necessidades do seu Layout
Onde tem text-alig você pode colocar Left (esquerda), Right (Direita) ou Center (no meio).
E os números de padding também são adaptáveis okay?

Espero que o post de hoje tenham ajudado vocês...e qualquer dúvida é só falar nos comments que eu ajudo ^^.

Um comentário

  1. Infelizmente não consegui :/
    mas obrigada assim mesmo rsrs
    http://nossarotina-arthur.blogspot.com.br/

    ResponderExcluir