» Tecnologia » Software » Como editar um template

Como editar um template

Galeria
Como editar um template

A plataforma Blogger oferece a edição de seus template e outros criados em editores de sites, como o DreamWeaver, de forma gratuita, ao contrário do que acontece em Wordpress, em que é necessário ter conta paga para fazer qualquer alteração na estrutura de linguagem de código dos temas.

Aprenda agora como editar um template de blog e fazer configurações básicas de CSS e HTML na área de desenvolvimento do próprio Blogger.

Instruções
  1. 1

    Escolha o nome do blog e o endereço URL.

    Escolha um dos templates disponibilizados pelo Blogger/Blogspot para iniciar as configurações e clique em "Continuar".

    Você será direcionado para começar a postar.


  2. 2

    Na área da postagem, clique em "Design" para acessar as configurações.

  3. 3

    A aba "Design" oferece três opções de criação e desenvolvimento. Em "Elementos de página", escolha a posição de cada Gadget. Destaque os principais recursos que seu blog terá na página inicial.

    Cada conteúdo de Gadget pode ser alterado ou excluído. Clique em "Acrescentar Gadget" para obter nova ferramenta.

  4. 4

    Ao adicionar Gadget, abrirá uma nova janela com as principais opções:

    "Selo do Google+": adiciona ícone do Google+ na sua página.
    "Google Tradutor": ideal para quem deseja alcançar público internacional.
    "Seguir por e-mail": faz a inscrição de leitores via e-mail. A cada postagem, seus leitores receberão as atualizações do blog.
    "Postagens populares": exibe as postagens mais acessadas e lidas do seu blog.
    "AdSense": adiciona publicidade integrada às páginas.
    "Seguidores": Gadget nativa do Blogger, funciona como uma rede social do Blogger.
    "Caixa de pesquisa": auxilia a navegação em busca de palavras-chave para o leitor que procura um conteúdo específico.
    "HTML/JavaScript": cria uma área de edição HTML e CSS integrada às sidebar. Muito útil para quem domina a programação de linguagem de códigos.
    "Texto": exibe mensagens para seus leitores.
    "Imagem": adiciona imagem jpeg, png e gif ao seu blog.
    "Lista de blogs": mostra seu blogs favvoritos, ligados ao f"feedback" do botão "Seguidores".

  5. 5

    A aba HTML direciona para a edição do template. As linhas de códigos podem ser modificadas, eliminadas ou acrescidas de novos códigos.

    Dependendo do modelo escolhido no início, o HTML apresentado terá diferenças entre cada linguagem HTML e CSS.

  6. 6

    A aba "Designer" do modelo corresponde às configurações do template. Por ela, altere o plano de fundo, cores do template e do texto, fontes, tamanho de fontes etc. Pode-se alterar também o template ao todo.

    Clique em um dos modelos para visualizar como ficará o blog. Para aplicar a alteração, clique em "Aplicar ao blog".

Comentários
blog comments powered by Disqus