Menu Drop down para blog
Menu Drop down
Ter um menu no blog é essencial para facilitar a navegação entre páginas, posts, e aplicativos, assim como divulgar serviços e facilitar a indexação dos links do seu blog.E nada melhor do que inserir um menu Drop down moderno em seu blog.
Encontramos este menu na web e resolvemos republicar aqui no BG, ensinando passo a passo, para inseri-lo e configurá-lo em seu blog.
Tutorial - Menu drop down
Pode-se colocar o menu Drop down em qualquer área no blog. Porém, vamos mostrar duas áreas, em seu blog, para inseri-lo.
Primeiro, vamos ensinar a inserir o código de css que vai determinar e estilo do menu:
Vá em modelo, editar html e aperte ctrl+f Procure pela tag ]]></b: skin> e acima dela, cole o código abaixo:
Ainda dentro da caixa de código do Blogger, procure pela tag </head> e acima dela, cole o código abaixo:
Continuando dentro do sua caixa de códigos html, procure pela tag
<div id='header'> (abaixo desta tag, o menu ficará embaixo do cabeçalho). Caso queira o menu no topo do blog, coloque o código logo abaixo da tag </head>
Copie este código:
Substitua o endereço do Feed do Blog Gerenciado pelo seu na caixa de Feed do menu.
Siga o modelo abaixo:
onsubmit='window.open('http://feeds.feedburner.com/Bloggerenciado', 'popupwindow',
Agora, entenda a edição dos links no menu Drop down:
Esta etapa é para configurar os nomes e endereços das páginas.
Veja o modelo abaixo:
<li><a href="#">início</a></li>
- Vermelho: Endereço para o qual o leitor será redirecionado ao clicar.
- Azul: Descrição do link.
Veja o esquema abaixo:
<li><img alt='Thumb' border='0' height='40' src='#' width='40'/>
- Azul: refere-se a altura e largura da imagens no menu
- Vermelho: refere-se ao endereço da imagem que será inserida. Altere todas as áreas dentro do menu com as tags similares.
4 comentários :
O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.
Assinar:
Postar comentários
(
Atom
)
oi este é o meu blog e eu nao estou conseguindo colocar o menu drop pode me ajudar -->> http://tudosobretudo-quevcquersaber.blogspot.com.br/
ResponderExcluirQuerido não estou conseguindo localizar a primeira coisa q vc pede para nós localizarmos o que faço?
ResponderExcluirOlá tudo bem?
ResponderExcluirEstou precisando retirar o fundo gradiente azulado do topo do blog. Játentei remover o código: background: transparent $(body.background.gradient) repeat-x scroll top center; mas não deu certo. Tentei colocar none na frente e nada. Nas definições do blog identifiquei que é uma imagem:value="url(//www.blogblog.com/1kt/ethereal/bird-2toned-blue-fade.png) Você tem como me ajudar?
Sempre grata
Zélia Dantas
ola,eu sou um leigo em html e outros bichos parecidos e sei que como eu tem muitos e pra aprender alguma coisa só com ajuda de verdadeiros webmasters,uma pergunta:quais os requisitos para copiar um artigo seu?to tentando incrementar um blog
ResponderExcluir