Gadget do Instagram no Rodapé do blog

Boooa tarde amores, hoje estou trazendo um Tutorial que me pediram. Se por um acaso você queira algum Tutorial você pode pedir para mim nesse Formulário que eu estarei postando todos os Tutoriais que vocês me pedirem.

Colocar o Instagram no Rodapé do blog é algo bem fácil de se fazer, mas sempre temos que prestar  atenção nos códigos na hora de codificar. Vizualize aqui

Primeiro passo:

Antes de tudo você vai entrar nesse link e vai preencher todos os campo em branco e depois é só clicar em Get Widget, copia e cola o código que vai aparecer. Mas no campo Widget Type você vai escolher a função Scrolling.

Segundo passo:

Você vai até o seu Editor de HTML do seu blog e vai aperta a tecla CTRL+F. Vai aparecer bem na lateral uma caixa de pesquisa e você vai colocar dentro dessa caixa </body>. Depois que você achar esse código você vai colocar encima do </body> esse código.

<div id='rodape'>

<div id='instagram'>

COLOQUE O CÓDIGO DO INSTAGRAM AQUI

<div id='logo'>

COLOQUE O CÓDIGO DOS CRÉDITOS AQUI

  </div></div></div>

Terceiro passo:

Depois de você colar o código você vai procurar por ]]></b:skin> e vai colar acima do código esse código aqui.

#rodape {

height: 200px; /* -Altura do Rodapé - */

border-top: 5px solid  #f25c6a; /* - Borda do topo do Rodapé - */

padding-top:10px;

font:normal bold 13px Arial;   /* - Fonte do rodapé - */

color:#FFFFFF;   /* - Cor da fonte - */

background: #eae6e6;   /* - Cor de Fundo do Rodapé - */

margin:0px 0px 0px;     /* - Não é necessário editar - */

}

#rodape a:link {

color:#A8B5C4;   /* - Cor dos Links do Rodapé - */

outline:0px solid #FFFFFF;  /* - Não é necessário editar - */

}

#rodape a:visited {

color:#A8B5C4;    /* - Cor dos Links Visitados - */

outline:0px solid #FFFFFF;   /* - Não é necessário edittar - */

}

#rodape a:hover {

color:#A8B5C4;   /* - Cor do Link com o Mouse em cima - */

outline:0px solid #FFFFFF;    /* - Não é necessário editar - */

}

#instagram {

margin-left:588px;

margin-top:20px;}

#logo {

margin-left:-398px;

margin-top:-175px;

}

OBSERVAÇÃO: Na hora de você colocar o código do Instagram no </body> você terá que retirar alguns números, por que na hora de salvar ele vai dar erro se você não retirar.

Depois de tudo feito é só você clicar em Salvar e pronto.*_* Você poderá personalizar do jeitinho que você quiser. Se deu certo ou deu errado deixe o seu comentário que estarei ajudando. Beijooos amores e até a próxima postagem.