Como alterar e configurar um tema pelo Blogger

Publicado em por , Atualizado em
Atualize seu blog:

Olá blogueiro, neste artigo eu vou te ensinar a alterar e configurar um tema personalizado de eventualmente forma adequada para um blog do blogger.

Eu gosto muito de utilizar os temas da http://www.maistemplate.net/ , então meus queridos amigos, vou dar início a esse pequeno tutorial!

Alterando o tema no blogger

Pesquise algum site que forneça templates para blogs, portanto, neste tutorial vou usar o site maistemplate.

Enfim ao procurar um template que lhe agrade, no caso do maistemplate você clica no botão “+” ao lado do template que você escolheu:
Enfim ao procurar um template que lhe agrade, no caso do maistemplate você clica no botão “+” ao lado do template que você escolheu:
Clica em Download:
Clica em Download:
Clica em baixar:
Clica em baixar:
Crie uma conta no dropbox:
Crie uma conta no dropbox:
Clique em não, obrigado, fique nesta página
Clique em não, obrigado, fique nesta página
Clique novamente em Baixar:
Clique novamente em Baixar:
Por fim ao termino do download abra a pasta e copie o código (Caso você não tenha um programa que abra arquivo .XML clique com o botão direito do mouse em cima do arquivo depois clique em abrir como e abra com o bloco de notas):
Por fim ao termino do download abra a pasta e copie o código (Caso você não tenha um programa que abra arquivo .XML clique com o botão direito do mouse em cima do arquivo depois clique em abrir como e abra com o bloco de notas):
Vá ao painel do blog e clique em “Modelo”:
Vá ao painel do blog e clique em “Modelo”:
Clique em “Editar html”:
Clique em “Editar html”:
Aperte CTRL + A no seu teclado e delete todo o código:
Cole o código do arquivo que vocAperte CTRL + A no seu teclado e delete todo o código:ê baixou ou copiou:
Cole o código do arquivo que você baixou ou copiou:
Cole o código do arquivo que você baixou ou copiou:
Pronto, seu tema foi alterado, agora clique em visualizar modelo e repare:
Pronto, seu tema foi alterado, agora clique em visualizar modelo e repare:
Anterior
Próximo

Configurando o tema do blogger

Os menus estão configurados de maneira padrão voltado ao site maistemplate, então vamos configurar e deixar da maneira de sua preferência! (Deixe o Menu “Parcerias”, pois eles se esforçam para produzir ou traduzir esses temas, então sejam gratos e deixem os créditos deles!) Clique em Salvar Modelo e depois vá em Editar HTML novamente:
Os menus estão configurados de maneira padrão voltado ao site maistemplate, então vamos configurar e deixar da maneira de sua preferência! (Deixe o Menu “Parcerias”, pois eles se esforçam para produzir ou traduzir esses temas, então sejam gratos e deixem os créditos deles!) Clique em Salvar Modelo e depois vá em Editar HTML novamente:
Clique em alguma parte do código depois aperte CTRL+F no seu teclado e na caixa que vai abrir digite “Inicio”:
Clique em alguma parte do código depois aperte CTRL+F no seu teclado e na caixa que vai abrir digite “Inicio”:
Quando você encontrar as tag Inicio como mostra a imagem a cima, você pode configurar o seu menu, no meu caso vou deixar o menu Início como está e vou configurar os outros menus, vou tirar o menu contato e vou pôr o menu meu site, prestem atenção na diferença da imagem a cima com a de baixo:
Quando você encontrar as tag Inicio como mostra a imagem a cima, você pode configurar o seu menu, no meu caso vou deixar o menu Início como está e vou configurar os outros menus, vou tirar o menu contato e vou pôr o menu meu site, prestem atenção na diferença da imagem a cima com a de baixo:
Reparem que depois do href= entre as aspas simples (‘’) eu removi a URL da maistemplate e coloquei a URL da George Design e depois removi o nome contato e coloquei “Meu Site”. Com o menu ajuda eu vou redirecionar para o blog oficial da George Design fazendo os mesmos procedimentos a cima porém com a URL e com o nome que vai ficar no menu diferente:
Reparem que depois do href= entre as aspas simples (‘’) eu removi a URL da maistemplate e coloquei a URL da George Design e depois removi o nome contato e coloquei “Meu Site”. Com o menu ajuda eu vou redirecionar para o blog oficial da George Design fazendo os mesmos procedimentos a cima porém com a URL e com o nome que vai ficar no menu diferente:
E o menu “Parcerias” vou deixar como está para não tirar os méritos do site que produz os templates, depois vou clicar em salvar atualizar o blog e olhar as mudanças:
E o menu “Parcerias” vou deixar como está para não tirar os méritos do site que produz os templates, depois vou clicar em salvar atualizar o blog e olhar as mudanças:
Reparem que no menu lá em cima ficou os menus Inicio, Meu site, Blog Oficial e Parcerias da maneira que configurei, da mesma forma vou editar os menus de baixo onde tem os nomes “EDITAR#”, o procedimento é o mesmo, vai no painel do blog > Modelos > Editar HTML > Clica no código e aperta CTRL+F > digita EDITAR > aperta Enter:
Reparem que no menu lá em cima ficou os menus Inicio, Meu site, Blog Oficial e Parcerias da maneira que configurei, da mesma forma vou editar os menus de baixo onde tem os nomes “EDITAR#”, o procedimento é o mesmo, vai no painel do blog > Modelos > Editar HTML > Clica no código e aperta CTRL+F > digita EDITAR > aperta Enter:
Reparem que no href de cima tem o site da maistemplate então você remove a URL deles e coloca a URL do seu Blog e escreva Inicio onde tem escrito Mais Templa
Reparem que no href de cima tem o site da maistemplate então você remove a URL deles e coloca a URL do seu Blog e escreva Inicio onde tem escrito Mais Templa
Além disso faça o mesmo com outros menus que você queira colocar, caso queira retirar é só apagar uma das linhas que está escrito: “Editar #” Assim também, se quiser adicionar mais um menu é só você adicionar uma linha com o código: “Editar #” e colocar a URL desejada entre as aspas simples, depois de href e tirar o nome Editar e colocar o nome que você quiser, por fim eu configurei igual ao menu de cima:
Além disso faça o mesmo com outros menus que você queira colocar, caso queira retirar é só apagar uma das linhas que está escrito: “
  • Editar #
    • ” Assim também, se quiser adicionar mais um menu é só você adicionar uma linha com o código: “
  • Editar #
    • ” e colocar a URL desejada entre as aspas simples, depois de href e tirar o nome Editar e colocar o nome que você quiser, por fim eu configurei igual ao menu de cima:
    Clique em Salvar modelo atualize seu blog e repare a diferença:
    Clique em Salvar modelo atualize seu blog e repare a diferença:
    Anterior
    Próximo

    Editando pela Dashboard 

    Bem como, onde tem “Espaço para colocar uma descrição do seu blog ou site…” Dessa forma, você te que ir no painel do seu blog e ir em layout:
    Bem como, onde tem “Espaço para colocar uma descrição do seu blog ou site…” Dessa forma, você te que ir no painel do seu blog e ir em layout:
    Em baixo de Favicon onde tem o título do seu blog clique em editar:
    Em baixo de Favicon onde tem o título do seu blog clique em editar:
    Na aba que vai abrir onde tem uma descrição você coloca uma descrição que você quiser depois clique em salvar:
    Na aba que vai abrir onde tem uma descrição você coloca uma descrição que você quiser depois clique em salvar:
    Caso não funcione você vai em “Modelo” depois clique em “Editar HTML” aperte CTRL+F e digite uma parte da frase que está escrita onde estava a descrição no meu caso “Espaço para”:
    Caso não funcione você vai em “Modelo” depois clique em “Editar HTML” aperte CTRL+F e digite uma parte da frase que está escrita onde estava a descrição no meu caso “Espaço para”:
    Apague o que está escrito entre as tags e coloque a sua descrição:
    Apague o que está escrito entre as tags

    e coloque a sua descrição:
    Clique em salvar modelo:
    Clique em salvar modelo:
    Atualize seu blog:
    Atualize seu blog:
    Onde tem as palavras “Teste e teste…” também é alterado no layout na parte inferior:
    Onde tem as palavras “Teste e teste…” também é alterado no layout na parte inferior:
    Clique em editar e depois excluir em cada Gatget e selecione e adicione a Gadget que você preferir:
    Clique em editar e depois excluir em cada Gatget e selecione e adicione a Gadget que você preferir:
    Clique nas quatro Adicionar Gadget uma por uma e adicione as de sua preferência, eu adicionei assim:
    Clique nas quatro Adicionar Gadget uma por uma e adicione as de sua preferência, eu adicionei assim:
    O novo template está pronto:
    O novo template está pronto:
    Anterior
    Próximo

    Em suma, que tal aprender a criar um blog bem profissional utilizando o blogger?

    Atualizado em Por

    Deixe uma resposta

    O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *