Como editar os links abaixo do cabeçalho de templates personalizados
Grande parte dos blogueiros iniciantes, quando criam o seu blog e encontram um bom template para ele, porém, não conseguem editar aqueles links "Home", "Comments RSS", que ficam abaixo do cabeçalho do blog. Muitos desistem de ter aquele template só por causa destes links. Ensinarei vocês a editar estes links em seu blog, e também os textos que eles contém.
Este é um problema que muitos blogueiros encontram quando adquirem um template novo para o seu blog: não conseguem editar aqueles links que ficam abaixo do cabeçalho. Para quem não entende de HTML, ou não sabe por onde começar a editar, é quase impossível personalizar aqueles links ao seu gosto. Neste tutorial, tentarei lhes ensinar de uma forma simples e prática, que, mesmo que não entendam HTML, podem editar o seu template. Se você deseja trocar o template de seu blog, recomendamos dar uma olhada neste artigo:
- 7 sites de templates para Blogger
FAÇA UM BACKUP DO TEMPLATE DE SEU BLOG ANTES DE SEGUIR OS PROCEDIMENTOS:
- Veja como é importante fazer o backup de seu blog
Blogger
Para editar estes links em seu blog, primeiramente, acesse o painel do Blogger e vá em Design -> Editar HTML. Veja em seu blog, quais textos estão nestes links. No exemplo abaixo, encontra-se o texto "Home".
Já sabendo o texto que quer editar, no nosso caso, é o texto "Home", e já com a página "Editar HTML" aberta, pressione CTRL + F e procure pelo seguinte código, exatamente desta maneira:
Home deverá ser substituído pelo texto que estava no seu menu de links. Ao encontrar este código, você o verá completo. Todo ele fica assim:
Em ALGUM_LINK, você verá um link qualquer, ou um #, para qual o texto redireciona. Substitua isso pelo link que deseja que o texto redirecione, e substitua TEXTO (que no nosso caso, é Home) pelo texto que deseja que apareça. Salve o seu template e veja o resultado. Esta edição fará com que você entenda um pouco mais de HTML, por ver como funciona um pouco destes códigos. Se ficou confuso com eles, ou não entendeu direito, sinta-se a vontade para deixar o seu comentário. Sua opinião é importante para nós!
Este é um problema que muitos blogueiros encontram quando adquirem um template novo para o seu blog: não conseguem editar aqueles links que ficam abaixo do cabeçalho. Para quem não entende de HTML, ou não sabe por onde começar a editar, é quase impossível personalizar aqueles links ao seu gosto. Neste tutorial, tentarei lhes ensinar de uma forma simples e prática, que, mesmo que não entendam HTML, podem editar o seu template. Se você deseja trocar o template de seu blog, recomendamos dar uma olhada neste artigo:
- 7 sites de templates para Blogger
FAÇA UM BACKUP DO TEMPLATE DE SEU BLOG ANTES DE SEGUIR OS PROCEDIMENTOS:
- Veja como é importante fazer o backup de seu blog
Blogger
Para editar estes links em seu blog, primeiramente, acesse o painel do Blogger e vá em Design -> Editar HTML. Veja em seu blog, quais textos estão nestes links. No exemplo abaixo, encontra-se o texto "Home".
Já sabendo o texto que quer editar, no nosso caso, é o texto "Home", e já com a página "Editar HTML" aberta, pressione CTRL + F e procure pelo seguinte código, exatamente desta maneira:
Home</a></li>
Home deverá ser substituído pelo texto que estava no seu menu de links. Ao encontrar este código, você o verá completo. Todo ele fica assim:
<li><a href='ALGUM_LINK' title='TEXTO'>TEXTO</a></li>
Em ALGUM_LINK, você verá um link qualquer, ou um #, para qual o texto redireciona. Substitua isso pelo link que deseja que o texto redirecione, e substitua TEXTO (que no nosso caso, é Home) pelo texto que deseja que apareça. Salve o seu template e veja o resultado. Esta edição fará com que você entenda um pouco mais de HTML, por ver como funciona um pouco destes códigos. Se ficou confuso com eles, ou não entendeu direito, sinta-se a vontade para deixar o seu comentário. Sua opinião é importante para nós!


20 Comentários:
Mais um ótimo post Vinicius, com suas dicas, meu blog está evoluindo bastante!
Bruna,
Obrigado! Estamos aqui para ajudar. Abraços!
E se eu quiser tirar o menu todo
BLOCKAD3,
Aí basta remover o código completo do menu.
Cara procurei mas não achei isso não tem outra maneira de fazer isso?
Giovanni,
Você pode tentar editar pela página "Elementos da página", muitos templates disponibilizam a edição via esta página.
Cara não foi e eu queria fazer muito isso mas sua ticas são muito boas e a cada hora melhora muito meu blog e eu quero saber como coloca um link ao vivo para um blog pois eu tenho um blog de uma serie americana e presciso colocar o link do justin tv ou tv pc nele.
Giovanni,
Se você não conseguiu, provavelmente, fez de maneira errada. Procure pelo nome que está no menu, e troque por outro. É um método simples, basta procurar e trocar pelo texto que desejar.
Olá,tnh um template da Evelyn pleaces e ñ tem um menu horizontal,como faço pra colok um menu no template e outra coisa eu salvo um monte de template na internet mais nenhum abre o q eu faço,esse que eu tnh no blog peguei no site da evelyn q já vem com o próprio código depois q vc faz o dowlound mais nem tds são assim(dela).
http://aatreviida.blogspot.com
Jo Porfirio,
Isso é algo muito complexo de fazer, e por isso, deve ser feito com bastante cuidado para não danificar o seu template. É recomendável fazer um backup antes. Tente seguir este tutorial, do blog Templates Novo Blogger: http://templateseacessorios.blogspot.com/2009/05/instalando-o-menu-horizontal-no-blogger.html
Eu não consegui preciso de um vídeo tutorial
Mel Suave,
O tutorial está detalhado. Basta lê-lo com bastante atenção que conseguirá fazer os procedimentos corretamente.
eu queria saber como faz pra por esse menu pq o meu blog nao tem...
bru-nad,
É um processo bastante complicado colocar este menu, e seria preciso muito conhecimento para fazê-lo.
Ai me ajuda porfavor eu n entendir direito,
eu fui lá cliquei no desing pressionei ctrl + f e abriu uma janelinha no topo da pagina
loalizar: Home... nenhuma corrspondencia encontrada
não consigo o que devo fazer?
eu descrevi exatamente como eu fiz
está errado não é?
É... desisto isto ai eu não peguei mesmo!!!
Quesia Leal,
O seu blog já tem um menu como esse? Se sim, basta seguir todos os procedimentos explicados detalhadamente neste tutorial. Caso contrário, é necessário inserir um menu destes.
Muito Bom, Obrigado, estou começando esta brincadeira, nem sei onde vai parar mas é um vício.
http://preparandoeagindo.blogspot.com/
oi vinicius,eu queria que min ajudasse,como eu faço outra pagina no tamplante que eu coloquei no meu blogger
Bruno,
Como assim, outra página? Especifique melhor sua pergunta.
Postar um comentário
-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;
Se preferir, fale conosco pela página de CONTATO.
Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.