Como configurar a opção Avançado em personalizar modelo de template no blog

Configurar o blog por códigos CSS muitas vezes pode ser muito difícil para pessoas que estão inciando na construção e personalização de seu blog, até por não ter conhecimentos de códigos para estar alterando direto em html, o blogger passou a oferecer uma forma menos complicada e mais fácil para estar fazendo certas alterações como estarei retratando uma por uma abaixo.

Antes de começar, é muito importante que faça um backup completo de seu blog, antes de qualquer alteração faça um backup completo: 

* Como fazer o Backup completo de seu blog salvando todos os dados para restaurá-los.

Se você ainda não sabe como escolher modelos de  Templates no blogger, Layout , ajustar a largura do blog, escolher plano de fundo, recomendo que veja estes artigos:

* Como personalizar o seu blog, escolhendo o modelo do Template.

* Como personalizar o seu blog, ajustando a largura do blog e da barra lateral direita

* Como personalizar o seu blog, alterando a cor e o estilo do plano de fundo.

Personalizar o seu blog não é muito difícil, basta ter um pouco mais de tempo e dedicação que você conseguirá personalizar o seu blog ou site e deixar ele com sua cara, neste artigo estarei mostrando alguns tópicos.

Obs: Existe 7 modelos de Templates diferentes do blogger para você estar escolhendo, no modelo simples por exemplo tem menos opções de configuração avançadas que o modelo Espetacular Ltda, as vezes altera a ordem, e também você acabou de criar seu blog, a medida que você for acrescentando Gadgets, o modelo irá atualizando e as configurações aparecendo, tem a opção em editar html também. 

Primeiramente para realizar as alterações acesse Modelo na página inicial de seu blog, Personalizar e Avançado:

Alterar, Texto da página: Conforme você visualiza na figura abaixo, é possível alterar a fonte dos textos de suas postagens, assim como o tamanho da fonte e a cor,   escolha a melhor forma e o visual que lhe agrade e depois clique em aplicar ao blog, sempre que fizer alguma alteração, clique em Aplicar ao Blogger.

Obs: Você consegui visualizar as alterações na parte de baixo, movendo a barra de rolagem da página.

Plano de fundo: É possível alterar as cores do Plano de fundo principal : No modelo de template simples do blogger está opção irá alterar a cor de onde fica as postagens, e também da barra lateral onde fica os Gadgets ficando tudo em uma cor só, já no modelo Espetacular Ltda é possível alterar as cores separadamente.

Plano de fundo externo: No modelo Espetacular Ltda não existe está função, no modelo Simples você não conseguirá alterar se você já tiver escolhido uma imagem de plano de fundo, se quiser é possível remover a imagem, e colocar uma conforme o seu gosto ou por exemplo ir na opção avançado e mudar a cor de fundo externo para branco, na opção Plano de fundo do cabeçalho escolha a melhor cor que lhe agrade, (cores do fundo principal, fundo do cabeçalho e fundo externo ).

Links: 

Altere a cor de seu link, você pode alterar a cor de seus links, a cor dos links já visitados pelas pessoas no momento que estão acessando o seu blog e e cor dos link selecionados ( Cor do link, cor de itens visitados, cor do destaque do link).

Título do blog: 

Você pode alterar a Fonte a cor do do Título de seu blog ( Fonte e cor do título ).

O titulo do blog só poderá ser visto se você não inseriu nenhuma imagem em Layout e editar a configuração do cabeçalho e colocou a imagem ao invés do título de descrição, o que é o meu caso, por isso não aparece minha configuração.

Descrição: 

Altere a cor do texto da descrição de seu blog ( cor da descrição ). É o mesmo caso do título do blog se tiver uma imagem não terá como ver as alterações feitas em Designer de modelo.

Texto das Guias: 

Existe a opção de alterar a fonte, cor e tamanha das letras das guias/páginas de seu blog , pode-se diferenciar a cor da guia/página selecionada também. Páginas ( Fonte, cor do texto da guia e cor da guia selecionada  ).

Plano de fundo das guias: 

Escolha a cor do plano de fundo das guias/páginas de seu blog, podendo diferençar a cor das guias selecionadas das não selecionadas. ( cor do plano de fundo, cor de fundo das guias selecionadas).

Cabeçalho da data: 

Altere a cor e plano de fundo da data de suas postagens, o tamanho da letra você consegui alterar em Gadgets. ( cor do texto e cor do plano de fundo ).

Título da Postagem: 

Pode-se alterar a fonte e o tamanho das letras do título de suas postagens.( fonte e tamanho ). 

Rodapé da postagem: ( Está opção está disponível para o modelo Simples)

É possível alterar a cor do texto de seu rodapé, assim como a cor do plano de fundo e cor da sombra. ( Cor do texto, cor do plano de fundo, cor da sombra ).

Plano de fundo da postagem: 

No modelo Espetacular Ltda é possível alterar a cores do plano de fundo das postagens separadamente de onde se coloca os Gadgets que é a barra lateral direita, e também tem a possibilidade de alterar a Cor de borda e a Cor da moldura

Alterando a cor de borda da postagem:

Alterando a cor da moldura da postagem:

Gadgets/Wisgets: 

O Modelo simples só oferece está opção para alterar a fonte e tamanho dos títulos de seus Gadgets/Widgets, e a cor das das alternativas.

Já o modelo Espetacular Ltda oferece uma mais opção a mais para você estar alterando que é o texto dos Gadgets.

Altere o Título do Gadget/Widget: 

Pode-se alterar a fonte, o tamanho da fonte e a cor.

Altere o texto do Gadget: 

Você pode alterar a cor, a fonte e o tamanho da fonte do Gadget:

Personalize o link dos Gadgets:

Você pode alterar a cor do link, a cor do link visitado pela pessoa que acessou o seu blog e a cor do link selecionado ( do destaque )

Plano de fundo de onde é colocado os Gadgets também pode ser alterado: ( na cor vermelha)

Altere a cor de borda:

Você também pode alterar a cor da moldura do Gadget:

Plano de fundo da barra lateral: 

Diferente do modelo simples que se altera a área de postagens e a barra lateral tudo junto, no modelo Espetacular Ltda você consegui alterar separadamente, veja: (na cor rosa).

Imagens: 

Quando se inseri uma imagem é possível alterar a cor do plano de fundo de onde se inseriu a imagem na postagem, cor da borda e a cor do texto da legenda. ( cor do plano de fundo, cor de borda e cor do texto da legenda).

Destaques: 

Você também pode alterar a cor da linha que separa a coluna das postagens com a coluna dos Gadgets adicionados, assim como a cor da linha que separa as Guias/Páginas de seu blog. (cor da linha do separador e cor da borda das guias ). Você só consegui ver no modelo simples: São as linhas separando as páginas de onde fica as postagens e Gadgests, No modelo Espetacular Ltda tem outras opções que pode estar alterando, como nas guias e nas bordas e moldura.

Feed e Link dos Fed:

Neste caso seria quando você adiciona o FeedBurner na área de Gadgets/Widgets, e vincula para aparecer os links de suas últimas postagens, postagens mais recentes para aparecer na sua barra lateral direita ou onde preferir. Pode-se alterar a cor do texto, links visitados, cor dos links selecionados ( em destaque ).

Pager:

Pager nada mais é que os links de Postagens mais antigas, Postagens mais recentes e Página inicial que aparece abaixo de suas postagens, pode-se alterar a cor do plano de fundo ( esta opção só tem n modelo Espetacular, no Simples não tem.

Rodapé:

No rodapé você poderá alterar a cor do texto e a cor do plano de fundo, está opção só terá também no modelo Espetacular, no Simples só terá a opção alterar Rodapé da postagem.

Mobile Button Color ( cores ): 

É possível alterar a cor dos botões para celular de seu blog para celular, somente se pode ver as cores alteradas dos botões por celular

Adicionar CSS:  

É possível alterar o visual do seu blog editando a CSS. Para alterar o conteúdo real de seu blog, incluindo a adição de Gadgets ou mudanças no layout, clique em Editar HTML na guia Modelo. Você pode mudar praticamente qualquer aspecto da aparência de seu blog apenas alterando a folha de estilo em seu modelo.

Depois que fizer todas alterações e ter Aplicado ao Blog, clique em Voltar para o Blogger e confira como ficou a aparência de seu Blog.

Conclusão

As ferramentas que o Blogger oferece para você estar personalizando o seu blog não são difíceis de se utiliza-las  e você pode deixar o blog com a aparência que deseja, as vezes para estar personalizando de uma forma que não seja possível pela ferramenta personalizar, muitas vezes alteramos o Código CSS do blog, alterando ou incluindo algum código em html.