pretende futuramente mudar as cores do seu template sem precisar tornar a alterar o codigo, crie tantas variaveis quanto achar interessante.Note porem que deve ser respeitada a sintaxe para cada tipo de variavel:Variavel Cor:<Variable name="bgcolor" description="Page Background Color"type="tipo da variavel, no caso color" default="#fff" value="#ffffff">ou seja:<Variable name="nome da variavel - pode ser qualquer nome que escolher, sem espacos" description="descricao que aparecera no painel Fontes e Cores, pode conter espacos"type="color" default="valor padrao, funciona na falta de um outro valor fornecido" value="valor da cor fornecida">Variavel Fonte:<Variable name="bodyfont" description="Text Font"type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">ou seja:<Variable name="nome da variavel, sem espacos" description="Descricao da variavel, pode conter espacos"type="tipo da variavel, no caso, font" default="o mesmo para que se aplica a cores, ou seja, uma fonte padrao" value="fonte escolhida">Sobre fontes irei me estender mais nos proximos capitulos....Vamos comecar entao criando uma nova variavel do tipo color, para comecar:<Variable name="cordasidebar" description="Cor do Background da Sidebar"type="color" default="#fff" value="#CC99FF">o nome que criei, como exemplo, para esta variavel e 'cordasidebar' (um nome qualquer, pois lembre-se que esta variavel pode ser utilizada em qualquer propriedade, nao apenas no background da sidebar), descrevi-a como Cor do Background da Sidebar (e o que ira aparecer no painel Fontes e Cores), mantive o valor #fff (branco) para default e escolhi o valor hexadecimal #CC99FF que corresponde ao lilas. Cole todo este trecho entre qualquer outra variavel de sua pagina, como mostra a imagem:Salve a modificacao. Agora vamos ver como esta variavel ira se apresentar no Painel. Clique em Fonte e Cores e se voce fez tudo certinho ate aqui, ira ver a nova variavel assim:Pois bem, agora que a nossa variavel existe, podemos aplica-la a qualquer propriedade de qualquer seletor onde e possivel aplicar cor. Para que a variavel funcione e preciso acrescentar o simbolo $ antes dela.Vou aplicar esta variavel na propriedade background de dois seletores, header e sidebar:#header-wrapper {width:660px;background: $cordasidebar;margin:0 auto 10px;border:1px solid $bordercolor;}#sidebar-wrapper {width: 220px;background: $cordasidebar;float: $endSide;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}Obs.:Note que originalmente, no template Minima, nao existe a propriedade background para nenhum dos dois seletores, e preciso cria-las, como fiz aqui.Agora que voce determinou a variavel na propriedade background dos dois seletores, salve e retorne ao painel fontes e cores. Note que tanto o cabecalho quanto a sidebar estao com a mesma cor de fundo:Nota: Para fugir das cores do padrao do painel Fontes e Cores, determine outros valores para sua variavel, que podem ser escolhidas em uma tabela como essa. Copie o codigo html e acrescente em value, como ja foi explicado.Para finalizar esta primeira parte, como licao de casa :-) fica a sugestao de criar variaveis do tipo color para cada um destes seletores: body, outer-wrapper, header, main-wrapper, sidebar-wrapper e footer. Nao se esqueca de que a propriedade background deve ser criada para todos estes seletores (menos body, que ja contem).Por hoje e so.Proxima Aula:Como fazer um template para o Blogger II