Pesquisa personalizada

24 de junho de 2011

Como criar sub-menu no template do blogger

Olá galera, fiquei muito feliz por receber o primeiro pedido do blog ontem, e por saber responder a mesma. Então estarei ensinando a editar um template para fim de criar um sub-menu na barra de link's do template (lembrando que o template baixado tem que vim com a barra de link's).
Bom, o site para fazer o download é o http://btemplates.com/.

1º você vai escolher o template que quiser
2º após fazer o download extraia o arquivo baixado
3º no design do blogger clique em editar HTML, selecione o arquivo e clique em Fazer Upload

4º localize a linha <li><a href='#'>Business</a> em Business coloque o que você quer que apareça na barra de links


5º abaixo tem os outros links, mude cada um para o nome que você quiser, caso não use todas as linhas apague a que não usar, caso precise de mais, é só copiar e colar.
6° depois de editar você vai ter mais ou menos isso:
<li><a href='#'>Menu</a>
<ul class='children'>
<li><a href='#'>Teste</a></li>
<li><a href='#'>Jogos</a></li>
<li><a href='#'>Tutoriais</a></li>
</ul>
</li>
7º entre aspas tem um '#', no lugar do # coloque o link que será redirecionado, logo abaixo deste bloco de código tem as linhas dos outros links

8º apague tudo abaixo de "</li>" até a linha "<li><a href='#'>Edit</a></li>"

9º para adicionar mais botões, basta adicionar uma linha como esta: "<li><a href='#'>Nome do botão</a></li>" abaixo do "</li>" de onde você editou

10° clique em salvar modelo e visualize o blog

Vídeo: 

Eespero que tenham gostado, qualquer duvida deixe um comentario.
Obrigado e até a próxima.

32 comentários:

Cartoon disse...

Como é que eu faço para mudar o slide do template que eu baixei

Inaê - Guesb disse...

Olá, muito boa a sua explicação, eu quero colocar subitens mas as páginas não existem ainda como faço para coloca-las direto no menu e trabalhar nelas. tenho que cria-las em outro lugar?
grt..

Na Net disse...

Inaê - Guesb, você deve criar um "marcador" normalmente do blog, como quando você vai criar uma postagem e coloca ali em baixo os "marcadores", escolha um nome do marcador que você quer, que automaticamente o blogger vai criar um link para aquela pagina "www.seublog.blogspot/nomedomarcado", dai basta você criar uma postagem com o marcador, depois acessa esse marcador para ver o link e adiciona la no código, qualquer duvida só perguntar.
Abraço

Inaê - Guesb disse...

Olá, consegui fazer os marcadores e as postagens, mas não acho o site que você indicou no video, pode me indicar algum .

Inaê - Guesb disse...

tem como indicar o site do video

Na Net disse...

Olá Inaê, esse site que esta ai no post esta funcionando, se você não estiver conseguindo acessar pode tentar esse outro site que também tem: http://templatesparanovoblogger.blogspot.com/

Qualquer duvida só comentar. Tenha um bom dia.

Andressa Gimenez Rossi disse...

Olá estou tentando extrair o templante e fazer upload só que está dando erro..Porque???me ajuda por favorrrrrrr!!

Na Net disse...

Olá Andressa, depois que você extrai o arquivo baixado,no modelo antigo, em design/editar HTML você faz o upload do arquivo .xml e o novo layout estará no blog, então para criar os submenus siga o tutorial acima.
Abraço

Pedro Eduardo disse...

Eu tenho o template filezinho já eu quero adiciona sómente o submenu e tirar o vertical, mas quando adiciono essas linha ou da erro de li tenho que fecha tudo no final ou adiciona na frente nao ao passar o mouse aparece embaixo. diz ae como fazer nao achei nenhum local nao quero cria outro inteiro .D

Na Net disse...

Olá Pedro Eduardo, infelizmente eu não sei te dizer como colocar apenas uma parte do template baixado, apenas colocar o template inteiro baixado e mexer no que vem nele mesmo.
Abraço

TESTE disse...

Olá.. Boa noite.. sua informação ai foi maravilhosa.. mas estou com um problema ..se puder me ajudar agradeço!!! é o seguinte: já tenho feito meu blogger todo ta todo bonitinho.. mas dai quando cheguei agora no final estou precisando criar um submenu no submenu de paginas (ja tem ), repetindo quero o submenu neste...Dai vi toda sua aula, legal ..mas nesta aula diz que tenho q baixar outro template .. e isso que não quero..por q não quero mudar o template q já ta o meu, enfim cores, fotos no fundo etc... como faço??Me ajude!!!

Igreja Adventista do Sétimo Dia - Jardim Paraíso disse...

Olá, no meu blog já foi criado os menus e sub menus, contudo, não sei como criar informações como por exemplo: exite no meu blog o menu institucional e sub-menus como palavra do pastor. Não sei como criar esta página com a palavra do pastor e nem sei como linká-lo no sub-menu.
por favor, me ajude!!!
Obrigado!!!

Placar e Notícias disse...

cara como faço esse submenu nessa nova versão do blogspot?

Placar e Notícias disse...

cara nessa nova versao nao tem "fazer uploud" como faço nessa nova versão?

Na Net disse...

Olá "Placar e Notícias", para resolver esse problema mude para a visualização antiga do blog, clicando na "engrenagem" que fica na parte superior a direita do painel de gerenciamento do blog, clique em mudar para visualização antiga, faça as alterações e então mude novamente para a nova visualização do blog.
Abraço

Reidson Silva disse...

Parabéns deu certo no meu http://sobreomilagre.blogspot.com

Srtª Biah disse...

Olá tdu bem?
Meu nome é Bianca,eu assiti teu vídeo e escolhi o tema desejado e fiz tdu certo só que nao estou conseguindo escreve nos link do submenu,consegui alterar o nome mas nao consigo abrir para postar

o endereço do blog é

fjtranquilidade.blogspot.com

Obrigada

ART'S SILVA disse...

muito bom...Já fiz no meu mais tenho um probleminha...
Eu baixei um template(DENITTO)e ele vem com slide que redireciona para a pagina como faço para mudar as imagens e redirecionar para a pagina?

http://artsilvadf.blogspot.com.br/ este é o meu blogger aguardo resposta...

Na Net disse...

Olá Bianca, desculpa por não ter lhe respondido, é que eu não estava mais atualizando o blog, mas me deu vontade de voltar, então resolvi recomeçar respondendo as duvidas que se acumularam. Pois bem, quando você edita la no código do blog os nomes dos menus, antes tem escrito "href='#'>Nome do menu"// certo? Você deve colocar no lugar do "#" o link para onde será redirecionado ao clicar no menu. Em meu blog eu tenho o seguinte código: " href='http://nanettutoriando.blogspot.com/search/label/Algoritmos%20e%20programa%C3%A7%C3%A3o'>Algoritmo e Programação", ou seja, quanto clicar em "Algoritmo e Programação" será direcionado para o link "http://nanettutoriando.blogspot.com/search/label/Algoritmos%20e%20programa%C3%A7%C3%A3o", que nada mais é do que o marcador que eu criei com o nome Algoritmo e Programação. Você deve criar um marcador e depois abrir o link que filtre as postagens que contenham este marcador, dai é só copiar o link e colar no lugar do "#". Se ainda ficou confuso entre em contato que então eu farei este tutorial em vídeo.

Mais uma vez desculpa por não ter respondido antes. Espero ainda poder ajuda-la.

Na Net disse...

Olá ART'S SILVA, desculpe por não ter respondido antes, é que eu não estava mais a atualizar o blog, no entanto estou voltando, e recomeçando respondendo as duvidas pendentes.

Eu te aconselho a fazer o seguinte, no slide do seu blog você copia ago que esta escrito nele, geralmente vem de padrão a seguinte frase: "This is featured post 1 title", depois de copiar va em editar HTML e selecione expandir modelos de widgets, aperte Ctrl + f para procurar algo e cole o que você tinha copiado, pronto, localizou onde esta a parte do slide no seu template. Basta mudar o que tem escrito por ai, ve os link que existe no codigo e cole em seu navegador para ver a imagem que é dai então você substitui pela imagem que você deseja.

Não tem como eu colocar o código certinho aqui pois pode ser diferente para cada template baixado.

Espero ter ajudado, qualquer coisa entre em contato novamente.

Na Net disse...

Placar e Notícias, eu não sei exatamente "criar" os menus e sub-manus, eu apenas os editos, quando vem criado com o template basta você ir editar o html do seu template, procurar (Ctrl + f) por algo que esta escrito em sei menu e dai então você vai editando tudo que ta la para aquilo que você quer. Quando você quiser tirar uma parte do menu basta você apagar a linha do código que contem aquele menu incluindo o código que inicializa e termina (< l i > < a), sem espaço

Qualquer duvida entre em contato novamente

kabuk disse...

Por favor. Se eu baixar um template para um blog já criado e montado com tópicos e páginas. Perco mmeu conteúdo?

Na Net disse...

Olá Kabuk, a resposta é não, o template é apenas a parte visual do seu blog, baixando um template e clocando no seu blog ira mudar apenas o aspecto visual, as postagens e paginas irão se adapatar ao formato do novo blog.

O que pode acontecer é você ter que adicionar os gadgets, pois os códigos do mesmo ficam do código xml (que é o que você mudaria trocando o template), logo você teria apenas que adicionar os mesmo.

Um concelho é criar um blog de teste, para que você possa star fazendo as mudanças e vendo como ficam antes de colocar no seu blog mesmo. Você pode ate exportar o conteúdo do seu blog e importar para o blog de teste.

Abraço

Fandroid disse...

Olá,como faço para tirar o template e colocar o modelo original do blog.espero ter uma resposta.vlw

Na Net disse...

Ola Fandroid, basta você ir em 'modelo' e colocar o mouse em cima de um do itens que estiver abaixo do seu código html e clicar em 'aplicar ao blog'

Simples e rápido. Abraço

mauricio martins disse...

Finalmente depois de tanto procurar na internet,encontrei um tuturial sobre menus que realmente esclarece de forma direta e sem enrolação.Muito obrigado por sua dica e você esta de parabéns.

André Relva disse...

Muito obrigado, foi de muita ajuda pra mim, bem explicado e simples, direto ao ponto, diferente de muitas video aulas q vi e nem chegavam aos pés desse texto. Obrigado.

SorataKintsu disse...

Olá, eu não consigo achar o botão pra selecionar um arquivo, o Blogger deve ter atualizado, pois está diferente agora. Abraços.

Gabriel M. disse...

Olá,pra botar um link no submenu tem que fazer oque? Criar um post e salvá-lo em rascunho, ou criar um post e botar em alguma página e pegar esse link? Se puder fazer um vídeo explicando melhor agradeço.

Na Net disse...

o blogger realmente mudou, não precisa mais clicar no botão pra selecionar o arquivo xml, basta copiar o códio manualmente "ctrl + c" e em modelo, você expande os widget e apaga tudo e cola o seu código.

Quanto para "criar sub-menus", você pode criar um marcador em alguma postagem, como por exemplo aqui tem o marcador "Game" então o link para filtrar todas postagens que possuem esse mesmo marcador se cria, aqui ficou: "http://nanettutoriando.blogspot.com/search/label/Games"" então basta eu colocar esse link em um dos submenus e pronto.

Att. Anderson Pereira

Deziree M. Domani disse...

olá amigo! adorei sua materia. Tenho uma duvida, no seu endereço URL não conta . blogger, normalmente no blog aparece seuendereço.blogspot.com.br e o seu nao aparece... como vc fez isso? Aguardo!

Na Net disse...

Olá Deziree, eu comprei este domínio no site "registro.br" e então fiz a configuração no próprio blogger para o domínio ".com.br".

Postar um comentário

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger