Tutorial:Programando um Layout - parte 1 (começando do zero)

fala "garela" Hoje vou ensinar a programar um Layout(Só que vou fazer o tuto completo)
por isso esqueçam aquele tuto do meu querido Anon.vamos ao trabalho:

1ª passo : cortar o template

nessa etapa você terá que cortar o template(óbvio,o titulo ja dizia) eu ja cortei pra vocês,ta ai as imagens :

Topo:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3egPbBJVxSchJMkloTGcdl_KRhgKe4O8i8jc4lcxmYMWf6W3C5B5XxSBE0KpsKSdatBXfioc79NHitYfmInOVaDQsV1Q8FgkXI_IOGZ7asajW0LO2d7MW44hMk-cFILDsFJBshlZPR5g/s1600/topo.png

meio:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjriB9is758UmPSucEFUfJdBrxOVdzVTbhtn54OJNOGr2_pTozTyr3xy_Z8BijsUyOvPu3rySAoHyBdvH5MEL4KmzlU6FU1fUAvARjM0IKLKzFUjPCEiwwrLVPSUkKPUZYaWale-9phjH8/s1600/meio.png

rodapé:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHLoEwV5gZnvwDFn_uAiLjHAE_YnIu1Ye2jPPTs2sdQJoaTBc7yoSFx_pWhwtPwAR5OapOTjvPBLNQcFHRz6rgZAuHQXO75E1nLtXZBJ1shHAqCkMFqjFEbKUPef5YUa-RD_C1G5p3-Eo/s1600/footer.png

2ª passo : instalar o minima no blogger

nessa etapa você tera que instalar o template minima,que é o template base para que vocês comecem fazer seu System,façam o download dele no link abaixo:

Download do minima

depois que fizerem o download,instalem o minima no seu blog(sugiro que faça seu system em um blog de teste,ou desativado,pois se você errar,não perde todo o conteúdo do seu blog original)

3ª passo : começando o system (finalmente ^^)

agora com o template cortado,minima instalado,vamos começar o system.

PRIMEIRO,veja se a opção "Expandir modelos de widgets" está marcada.Se está DESMARQUE-A.

procure por:

a:link {

acima,provavelmente você encontrou o seguinte code :

body {background:$bgcolor;margin:0;color:$textcolor;font:x-small Georgia Serif;font-size/* */:/**/small;font-size: /**/small;text-align: center;}

a parte "center" substitua por:

$StartSide

agora,vamos tirar toda aquela borda que envolve o cabeçalho.procure por :

border:1px solid $bordercolor;

apague essa linha até chegar á

*/outher-wrapper
-------------------------------------------------/*

vamos retirar a navbar agora,então procure por :

]]>

acima dessa linha coloque:

.navbar{display:none;}

próxima vai ser como colocar as imagens no system.

se não entendeu , me contate no XAT,falou?

tchau