Como criar um Layout - Parte 04

Essa é a ultima parte porém não menos importante. 

Espero que gostem do fechamento e de agora em diante, eu vou focar as 

postagens mais para o comportamento e entretenimento.

Aguardem. :D

Parte 04 Footer e Adicionais

Footer

Entre no HTML do seu blog e procure por:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

Apague totalmente. Salve e escolha Excluir Widgets. 

Agora vamos deixar a footer bonitinha, como essa:

Para isso, procure por:

<footer>

E logo acima coloque esse código:

<div id='side-wrapper'> <div id='side1'> <b:section class='sidefoo1' id='sidefoo1' preferred='yes'/> </div> <div id='side2'> <b:section class='sidefoo2' id='sidefoo2' preferred='yes'/> </div> <div id='side3'> <b:section class='sidefoo3' id='sidefoo3' preferred='yes'/> </div> <div style='clear: both;'/> </div>
Procure por ]]></b:skin> e cole o código a seguir:
/*----Código original por:http://www.candylland.org/-----------*/ #side-wrapper { width:950px; /*------------largura total-------------*/ height:auto !important; margin:0 auto; /*-------------margem exterior------------*/ display:block; padding:10px 0; /*-----------------margem interior-----------------*/ background:#FD9B9B; /*------------------Cor do fundo principal--------------*/ border-radius:3px; /*--------------Arredondamento--------------*/ } #side1,#side2,#side3{ width:30%; /*---------------largura das sidebar's-----------------*/ float:left; /*-----------------Alinhamento----------------------*/ background:#f9f9f9; /*---------------cor do fundo--------------------*/ margin-left:15px;/*-------------margem externa----------*/ border-left:4px #eee solid; /*------------------borda esquerda--------------------------*/ border-right:4px #eee solid;/*------------------borda direita-------------------------------*/ } #side1 h2,#side2 h2,#side3 h2{ color:#FB044F; font-size:25px;/*--------tamanho da fonte do titulo---------*/ margin-bottom:10px;/*----------margem externa de baixo-----*/ text-align:center;/*-----------alinhamento do titulo--------*/ border-bottom:3px #00C5CF solid; \*-------------borda de baixo---------------*/ }
Edite como quiser. :D Salve e veja que estará disponível três lugares para colocar gadgets. 

coloque ali os que você queira. Adicionais  Para tirar a navbar, procure por:

 ]]></b:skin>

e cole:

#navbar {display:none;} 

-

Para tirar a frase Assinar: Postagens(Atom)
no mesmo lugar, cole:

.feed-links{display:none;}

Dicas

Follow e Dashboard no blogger

Negrito, Itálico, Sublinhado e Riscado hover

Mudar o Cursor

Gadget "Status do blog"
Candy widget Feedburner

Parte 01 - Base | Parte 02 - Header | Parte 03 - Sidebar e Postagem | Parte 04 - Footer e Adicionais