Gerenciamos sua fanpage no Facebook!!
fechar

Autor: George Tude

George Tude
Informações Detalhadas

Total de Visitas

57100

Seguir Blog

Twitter

Facebook

Como alterar o tema e configurar um tema de um blog do blogger

Autor George Tude relogio20/05/2015

Olá leitor, neste artigo eu vou está ensinando a vocês como como alterar e configurar um tema personalizado adequadamente do seu 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!

Pesquise algum site que forneça templates para blogs, neste tutorial vou usar o site maistemplate. Após 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 baixar:

 

 

 

Crie uma conta no dropbox:

 

 

 

 

Clique em não, obrigado, fique nesta página

 

 

 

 

 

Clique novamente em Baixar:

 

 

 

 

Após o 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”:

 

 

 

 

Clique em “Editar html”:

 

 

 

 

 

Aperte CTRL + A no seu teclado e delete todo o código:

 

 

 

Cole o código do arquivo que você baixou ou copiou:

 

 

 

Pronto, seu tema foi alterado, agora clique em visualizar modelo e repare:

 

 

 

 

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”:

 

 

 

 

Quando você encontrar as tag <a href=’/’> Inicio </a> 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:

 

 

 

 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, agora vamos 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 Template:

 

 

 

 

 

Após essa atualização faça o mesmo com outros menus que você queira colocar, caso queira retirar é só apagar uma das linhas que está escrito: “<li><a href='#'>Editar #</a></li>” e se quiser adicionar mais um menu é só você adicionar uma linha com o código: “<li><a href='#'>Editar #</a></li>” e colocar a URL desejada entre as aspas simples depois de href e tirar o nome Editar e colocar o nome que você quiser, no meu caso configurei igual ao menu de cima:

 

 

 

 Clique em Salvar modelo atualize seu blog e repare a diferença:

 

 

 

 

Onde tem “Espaço para colocar uma descrição do seu blog ou site...” 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:

 

 

 

 

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”:

 

 

 

 

Apague o que está escrito entre as tags <p></p> e coloque a sua descrição:

 

 

 

 

 

Clique em salvar modelo:

 

 

 

 

Atualize seu blog:

 

 

 

 

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 nas quatro Adicionar Gadget uma por uma e adicione as de sua preferência, eu adicionei assim:

 

 

 

 

O novo template está pronto:

 

 

 

 

 

Obrigado a todos e espero que tenha ajudado! 

 

Confira o Blog que foi personalizado neste tutorial:

 

Solicite dicas a George Design clicando aqui:

 

 

Escrito por George Tude Co-fundador da George Design!

Outros Artigos:

Solução WEB e Visual para você!

Comentários

Formas de Pagamento Certificados
Forma de pagamento
Certificados
Certifico SSL Let's Encrypt Authority X3
Site Verificado pelo Google
Site Verificado Norton
Assinar Newsletter
Receba nossa newsletter e fique por dentro de nossas novidades!