Personalize os Gadgets do Rodapé

|| ||

Olá gente!!! Estou tentando fazer um novo layout para o blog e ai coloquei alguns gadgets no rodapé, só que ficaram muito simples e então me lembrei daquele layout Green Animes que fiz aqui para blog que tinha os gadgets do rodapé personalizados, resolvi trazer aqui para vocês.

Antes de tudo você deve colocar os gadgets desejados no rodapé, se quiser colocar mais de um gadget vá em Modelo>> Personalizar>> Layout nessa aba vai ter o Layout do corpo e Layout do rodapé e nesse do rodapé vai ter três opções e você escolhe o número que você quer e depois clique em Aplicar modelo espere salvar e depois clique em Voltar para o Blogger.
E é claro que o número que você escolha é o número de gadgets que você pode colocar em fileiras no rodapé.

Agora a parte de personalização é fácil, se você ainda não estiver em Modelo, então vá em Modelo>> Editar HTML>> Clique dentro da caixa de códigos e aperte Ctrl+F e procure por:
.footer-inner {
Esse código vai estar acima de /* Mobile mais ou menos assim:
.footer-inner {
background: transparent none repeat scroll top center;
}
No lugar desse código cole o seguinte:
.footer-inner {
background: #fff
padding: 35px 3px 3px 3px;
box-shadow: 0px 0px 2px #a3d0ac;
margin-left: 45px;
margin-right: 45px;
margin-bottom: 50px;
margin-top: -20px;
}
E a partir desse código você vai personalizando do seu jeito. Onde está background: #fff  é a cor do fundo do gadget e se você quiser uma faixinha acima é só colocar ao lado dele esse código:
url(URL DA FAIXINHA) no-repeat top center;
Aqui nesse link tem algumas faixinhas e está um pouco mais explicado essa parte.

Espero que tenham entendido e gostado!!!