Fundamentos do designer de modelo blogger

Não sabe nada de HTML, mas ainda quer ajustar determinados elementos de design do seu blog um pouco? Você está com sorte - o modelo Designer Blogger dá-lhe algumas excelentes ferramentas para fazer exatamente isso.

Video: Coding Professional Template For Blogger - 1

O Template Designer dá-lhe a capacidade de mudar:

• O tipo de letra, tamanho e cor do texto, links, elementos de navegação e elementos da barra lateral

• A cor de fundo, imagem, ou ambos

• Larguras das colunas em seu blog

• Layouts de seu blog para usar um, dois, três, quatro ou mesmo cinco colunas

Na verdade, você ainda pode usar o Designer de modelo para inserir alguns de seus próprios estilos personalizados, se você estiver em dia com HTML e CSS.

Para usar o Designer Blogger Template, siga estes passos:

1. A partir do Dashboard, selecione modelo a partir da lista drop-down Mensagens.

   Clique no botão Personalizar sob o modelo que você está usando atualmente.

   O Template Designer abre.

   Clique no link fundo na coluna da esquerda e clique na miniatura na caixa de imagem de fundo.

   A janela Selecionar Imagens Fundo abre.

   Procurar os fundos disponíveis e selecionar um para visualizá-lo.

   Procurando algo específico? Escolha uma das categorias de imagem no lado esquerdo da janela para ver imagens topicamente selecionados, tais como compras, Tecnologia, ou a Natureza.

   Você pode fazer upload de uma imagem do seu computador para usar como pano de fundo, selecionando imagem Upload.

   

   Clique em Concluído.

   Se desejar, escolha um novo tema de cor entre as opções na página Antecedentes do Designer de Modelos.

   Os temas definir fundo, link, texto e outras cores do elemento.

   
   
   
   

   Clique no link Layout no lado esquerdo do Designer de Modelos.

   Isso abre a página de layout.

2. Selecione a miniatura que usa o número de colunas que você quer que seu blog para ter.

   Você também pode selecionar o layout a ser usado no rodapé - que é a área inferior do seu blog.

   Selecionando uma miniatura implementa que o layout do seu blog.

   Video: Episode #2: Layout design for blog template

3. Clique no link Avançado no lado esquerdo do Designer de Modelos.

4. Selecione um elemento para personalizar a partir da lista disponível.

   Você pode personalizar cada elemento das seguintes formas:

   Tipo de letra: Escolha entre as fontes web padrão, como Arial, Times New Roman, e muitas fontes web mais extravagantes.

   Estilo da fonte e Tamanho: Negrito, itálico, e tornar o texto maior ou menor que as configurações iniciais do modelo.

   Cor: Selecione uma cor para o elemento usando as seguintes sugestões de seleção:

5. Código hexadecimal: Se você souber o código hexadecimal para a cor que você deseja usar, você pode digitá-lo na caixa de texto. código hexadecimal é um código que contém letras e números que equivalem a uma cor. Principalmente gráficos e web designers usar códigos hexadecimais, então não se preocupe se isso parece como o jargão para você.

6. Color Picker: Clique na lista drop-down no seletor de cores para ajustar realmente uma escolha da cor exata.

7. Cores a partir desse modelo: Essas cores já estão em uso no seu modelo.

8. Cores sugeridas: Esta paleta mostra cores que Blogger pensa se encaixam bem com as cores já em uso.

9. Cor de fundo: Escolha uma cor para o fundo do elemento você está personalizando. As maneiras que você pode selecionar uma cor são as mesmas que para as escolhas font color.

   

Quando você clica em uma cor, Blogger mostra uma prévia de como ele olha para o seu blog na metade inferior da tela.

Video: How to create responsive template blogger step by step part 1

10. Depois de fazer suas edições, clique em Aplicar para Blog.

    Uma página Blogger é aberta, exibindo uma confirmação de que ele salvou suas edições. Você pode voltar para a página inicial do Blogger ou continuar a fazer mudanças no Designer de Modelos.