Como Colocar Submenu no Blog

Colocar um submenu no blog é um pouco mais complicado que um menu normal. Para não deixar duvidas um submenu é quando você passa o mouse pelo menu e sobre algum item aparecem mais opções, por exemplo, um menu de um blog de downloads tem musica, jogos, filmes, games e outros itens, quando você coloca o mouse sobre o item filmes aparece um novo menu ao lado com os itens suspense, terror, comédia, adulto...

Veja nosso novo tutorial sobre: Fazer Menu Accordion no Blog - Criar Sub Categorias no Blogger

Agora que já explicamos como funciona o submenu vamos começar a dizer como colocar um no seu blog. Entre na pagina layout, adicionar gadget, html/javascript e coloque o código abaixo, por ser um código grande pode haver algum problema com o código em copiar e colar direito do blog, então temos aqui o mesmo código pronto para download.

<style type="text/css">
<!--
ul.MenuBarHorizontal{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: auto;
}
ul.MenuBarHorizontal
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
width: auto;
}
ul.MenuBarActive
{
z-index: 1000;
}
ul.MenuBarHorizontal li
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 150px;
float: left;
}
ul.MenuBarHorizontal ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 150px;
position: absolute;
left: -1000em;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
left: auto;
}
ul.MenuBarHorizontal ul li
{
width: 150px;
}
ul.MenuBarHorizontal ul ul
{
position: absolute;
margin: -5% 0 0 95%;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
left: auto;
top: 0;
}
ul.MenuBarHorizontal a
{background-color: #6633FF;
border-top: 1px solid #FFFFFF;
color: #FFFFFF;
border-right: 1px solid #0000CC;
border-bottom: 1px solid #0000CC;
border-left: 1px solid #FFFFFF;
font-size: 120%;
text-decoration: none;
padding-top: 5px;
padding-bottom: 4px;
width: 150px;
display: block;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{background-color: #FFCC99;background-image: url(http://img16.imageshack.us/img16/122/overc.gif);
color: #000000;letter-spacing: normal;word-spacing: normal;border-top: 1px solid #FFFF00;
border-right: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
border-left: 1px solid #FFFF00;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
background-color: #66CCFF;
}
ul.MenuBarHorizontal iframe
{
position: absolute;
z-index: 1010;
}
ul.MenuBarHorizontal li.MenuBarItemIE
{
display: inline;
float: left;
background: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
background-image: url(http://img6.imageshack.us/img6/9470/sprymenubardownhover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
background-image: url(http://img6.imageshack.us/img6/5549/sprymenubarright.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
background-image: url(http://img6.imageshack.us/img6/9470/sprymenubardownhover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
background-image: url(http://img6.imageshack.us/img6/5549/sprymenubarright.gif);
background-repeat: no-repeat;
background-position: 95% 50%;}
-->
</style>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="link do Item 1.1">Item 1.1</a></li>
<li><a href="link do Item 1.2">Item 1.2</a></li>
<li><a href="link do Item 1.3">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a href="link do Item 3.1">Item 3.1</a> </li>
<li><a href="link do Item 3.2">Item 3.2</a></li>
<li><a href="link do Item 3.3">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
<p>
<script src="http://acessoriosparablogs.com.br/scripts/submenu.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"http://img6.imageshack.us/img6/5549/sprymenubarright.gif", imgRight:"http://img6.imageshack.us/img6/9470/sprymenubardownhover.gif"});
//-->
</script>

Vamos falar sobre o item 1, isso é o texto que vai aparecer no seu blog, o link dele é daquele jeito mesmo só um sinal de jogo da velha, os subitens é só trocar onde está Item 1.1 pelo titulo que desejar e colocar a url no lugar indicado na mesma linha, e assim por diante em todos os outros links.

Você deve colocar esse código onde aparecerá o menu horizontal com submenu, lembre-se que se o espaço (largura) do seu blog não for suficiente para o menu completo um ou mais itens vão para linha debaixo, portanto é preciso ter cuidado com o numero de itens e a largura do botão para alterar a largura de cada botão mude o valor 150px, veja no código ele aparece 4 vezes width: 150px; você deve mudar esse numero em todos, ou seja, se colocar 130px tem que alterar nos 4 lugares que aparece o 150.

Para mudar as cores, letras, fundo e tudo mais dos botões é nesta parte do código:

ul.MenuBarHorizontal a
{background-color: #6633FF;
border-top: 1px solid #FFFFFF;
color: #FFFFFF;
border-right: 1px solid #0000CC;
border-bottom: 1px solid #0000CC;
border-left: 1px solid #FFFFFF;
font-size: 120%;
text-decoration: none;
padding-top: 5px;
padding-bottom: 4px;
width: 150px;
display: block;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

E o estilo quando o mouse está sobre ele é aqui:

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{background-color: #FFCC99;background-image: url(http://img16.imageshack.us/img16/122/overc.gif);
color: #000000;letter-spacing: normal;word-spacing: normal;border-top: 1px solid #FFFF00;
border-right: 1px solid #CC0000;
border-bottom: 1px solid #CC0000;
border-left: 1px solid #FFFF00;
}

Veja aqui uma demostração do menu com sub menu. Para fazer modificações nos botões é como se fosse qualquer outra coisa feita em CSS, então veja nossas dicas sobre:

Fazer e colocar botões
Mudar a imagem de fundo
Código das Cores
Como abrir e usar um arquivo no formato .zip
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

278 comentários:

  1. ja tenho o menu horizontal so q nao consigo por os submenus, qndo coloco o codigo o menu e submenu fica na coluna lateral

    clubemexirica.blogspot.com

    ResponderExcluir
  2. tente colocar esse código que mostramos nesta postagem, o submenu ficará embaixo

    ResponderExcluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. mais o menu e submenu nao ficam na horizontal...

    ResponderExcluir
  5. oi cara seu blog e o maximo !!
    bem queria perguntar onde fica localizado o codigo css numa postagem você disse que era no inicio no codigo do template então decide procurar ... bem logo depois fui procurar no final do template e não encontrei esse css eu sei que ele tem sidebar,maim,head essa tags procurei eu todo o onicio do codigo do meu template mais so achei no final as tags :
    body
    html
    e foi no final

    ResponderExcluir
  6. na pagina editar html vai encontrar essas tags que falou:

    #main {widt....

    #sidebar {widt....

    o texto que está dentro das chaves certamente será difirente, mas vai achar #main, clique ctrl + F vai aparecer uma janela de busca, ai é só digitar o texto que quiser procurar

    ResponderExcluir
  7. desculpa por ta escrevendo erra e que o teclado ta rem

    ResponderExcluir
  8. Este comentário foi removido pelo autor.

    ResponderExcluir
  9. quando coloca o mouse em cima da barrinha ela fica piscando em rosa e amarelo como mudar essas cores?

    ResponderExcluir
  10. o que faz piscar é uma imagem de fundo
    http://img16.imageshack.us/img16/122/overc.gif é só fazer outro gif animado e colocar no lugar desse

    ResponderExcluir
  11. Fabiano roberto, se nao for perguntar demais gostaria de saber se em vez da cor da barrinha(azul) tem como colocar uma imagem?

    ResponderExcluir
  12. victorno final dessa postagem tem um link sobre imagem de fundo e também fazer e colocar botões, é só seguir o que tem lá e colocar a imagem no lugar da cor azul

    ResponderExcluir
  13. Muito valiosa as suas dicas. Seu Blog é sensacional.

    ResponderExcluir
  14. Quando vo editar os titulos do menus, muda, fica fora de ordem, como se muda o titulo tipo, em vez de item 1, item 2 como coloco os nomes que eu quero, e quando vou salvar algo no blog, como eu coloco numa parte do menu?

    ResponderExcluir
  15. esse código é preciso ter cuidado ao editar.
    você deve colocar os itens do submenu onde está ink do Item 1.1,link do Item 1.2....

    o Item 1 é o titulo que aparece no menu.

    preste atenção para não apagar os ul e li pois isso também gera falhas no submenu

    ResponderExcluir
  16. Fiz o que foi pedido, mas agora não está abrindo. veja www.cdigoias.org.br O que fazer?

    ResponderExcluir
  17. tente novamente, é bem possível que tenha deixado um li ou ul fora de lugar ou sem fechar

    ResponderExcluir
  18. houve um problema no site onde hospedamos uma parte do código, veja a correção

    <li><a href="#">Item 4</a></li>
    </ul>
    <p>
    <script src="http://cidadeweb.110mb.com/dicas/SpryMenuBar.js" type="text/javascript"></script>
    <script type="text/javascript">

    ResponderExcluir
  19. Valeu demais pelas dicas! Só tem uma outra coisa que gostaria de saber. Como faço para retirar dos botões (menu) as setinhas. Na verdade, no último botão, que renomeei de videoteca, não aparece a setinha. Gostaria de poder manter a setinha no menu (botão) que houver submeno, e no que não não tiver retirar a setinha. Como faço isso?

    ResponderExcluir
  20. Fabiano, como faço para inserir mais botões (menu) na barra? Inicialmente, o código já vem com 4, mas estou precisando inserir mais.

    ResponderExcluir
  21. IDEGE - Instituto de Desenvolvimento e Gestão Empresarial

    onde está esse código apenas duplique essa linha

    <li><a href="#">Item 4</a></li>



    se precisar de mais um item com submenu duplique esse

    <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>

    <ul>

    <li><a href="link do Item 3.1">Item 3.1</a> </li>

    <li><a href="link do Item 3.2">Item 3.2</a></li>

    <li><a href="link do Item 3.3">Item 3.3</a></li>

    </ul>

    </li>


    mas em ambos os casos será necessário alterar as larguras do botões pois ocupará mais espaço

    ResponderExcluir
  22. Fernando, gostaria de saber se há como manter os títulos dos menus(botões) sem o sublinhado quando passamos o mouse sobre o link (botão) e se há como, também mantermos a mesma cor do título depois de clicar sobre o link (botão. Ou seja, quando posiciono o cursor do mouse sobre um link do menu (ex.: "contato"), o título contato fica sublinhado. Depois de clicar (acessar esse link) o título muda de cor. E eu não gostaria que isso ocorresse, pois a cor que a letra fica é a mesma da barra e o sublinhado não fica legal.

    ResponderExcluir
  23. Fabiano, além da questão do sublinhado e do nome dos menus desaparecerem, após serem acessados (a cor de links visitadis é o mesmo utilizado na barra de menu), que ainda não consegui resolver, agora, tem uma outra coisa. No menu que tem submenu, ao passar o cursor sobre ele e abrir os submenus, aparece, também, uma tarjazinha branca. Tem como tirar isso?

    ResponderExcluir
  24. isso acontece porque alguma parte do seu blog tem a configuração para links após clicados, procure por a:visited{...

    isso pode estar em qualquer parte, e geralmente dá esse tipo de problemas, no meu blog apaguei todos desse tipo que encontrei, mas não é para apagar a tag inteira somente esse parte, por exemplo, no blog tem
    .post a, .post a:visited{....

    deixe só
    post a{....

    ResponderExcluir
  25. Fabiano,
    eu queria saber entre que Palavras devo colar o código, pois não tenho tanta habilidade com html.

    ResponderExcluir
  26. blogg do individuo
    como você mesmo diz não ter experiencia com html sugiro que comece com algo mais simples, o texto do link vai onde está escrito item 1... e outros lugares deste tipo e os links onde está link do item 1....

    mas esse código é complicado de usar principalmente alterar.

    ResponderExcluir
  27. Fico agradecido... pelas dicas... nos todos que passamos por aqui somos abençoados por essa preciosas dicas, que Deus sempre inlumene seus caminho sempre com pomtos positivo em sua vida...

    valeu
    e tudo de bom
    att clebson

    ResponderExcluir
  28. olá... em meu blog há um templete que ja veio com o(s) menu(s), mas quando eu clico em algum dos menus não acontece nada..., ou seja volta a pagina inicial, conhecida como "Home" ai quero colocar outra guia(donwload) mas que quando eu clico aparece outros topicos... os topicos para download, como eu faço?

    ResponderExcluir
  29. BlogDowload

    você precisa editar os links do menu, para fazer isso entre na pagina layout e clique para editar o gadget que é o menu.

    se não for possivel terá que ser feito pela pagina editar html

    ResponderExcluir
  30. quando o mouse não esta em cima dos botóes, os botoes ficam azuis..., tem como colocar a imagem que eu quero...

    OBS.: só quando o mouse não estiver em cima.


    pode me add no msn?
    *responde pra depois eu te passar o msn*


    vlw mlkão seu blog é o melhor!

    ResponderExcluir
  31. BlogWonderland
    é só colocar a imgem no estilo a:hover, veja no final da postagem o link fazer e colocar botões lá mostra com detalhes como fazer um efeito quando o mouse está sobre o link.

    ResponderExcluir
  32. Fabiano tem como eu colocar sem o submenu???

    ResponderExcluir
  33. sem o submenu veja aqui, como fazer um menu horizontal

    http://www.dicasparablogs.com.br/2009/05/links-lado-lado-menu-horizontal.html

    ResponderExcluir
  34. Fabiano, eu tenho um Menu, e gostaria de saber se tem como eu colocar um submenu nesse que eu já tenho.
    A dica que você deu de como abrir um link em outra janela é ótima!

    ResponderExcluir
  35. Thereza
    é melhor copiar a formatação do seu menu atual e depois colocar neste código do menu pronto já com submenu.

    adaptar um codigo para o outro dará mais trabalho

    ResponderExcluir
  36. Oie, adorei a dica. Estou precisando muito do desse menu no meu blog.
    Eu acrescentei o codigo acima do </head esta correto?
    Toda vez que vou salvar aparece a seguinte mensagem:
    [b]
    Corrija o erro abaixo e envie o seu modelo novamente.
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The element type "p" must be terminated by the matching end-tag "
    ".
    [/b]
    O que seria isso? Olhei em tudo no codigo, ate acrescente o link nas opções do menu, mas não deu certo.

    Você poderia me ajudar.
    Obrigada.

    ResponderExcluir
  37. Patricinha esperta
    na verdade poderia ser um pouco mais acima disso, mas deveria funcionar normalmente

    ResponderExcluir
  38. Oi fabiano nao entendi quase nda eu consigui por o submenu item 1, item 2 aparece la mais nao consigo mudar o nome do item oque vc flo do url jogo da velha nao entendi! me ajuda?

    bjs..

    ResponderExcluir
  39. Leti


    veja essa parte

    <li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
    <ul>
    <li><a href="link do Item 3.1">Item 3.1</a> </li>
    <li><a href="link do Item 3.2">Item 3.2</a></li>

    onde está escrito Item 3 é o que aparece no menu, os links Item 3.1, Item 3.2.... são o que aparece quando colocar o mouse sobre o item 3

    a parte onde está escrito link do item 3.1 é o link deste item e assim para cada um deles

    ResponderExcluir
  40. Olá fernando,

    Então coloquei o código que você passou, mais o submenu não aparece qndo passo o mouse em cima do respectivo menu... pode me dar uma luz ai de como consigo resolver isso.

    No aguardo.

    ResponderExcluir
  41. Olá Fernando ,
    Coloquei o menu horizontal no meu blog e ta show.
    http://esteticaesaudemanaus.blogspot.com/

    Então tentei aproveitar ele p colocar no menu vertical ja que ele desce qndo o espaço é menor, só que a cor da letra muda automaticamente fica escura mesmo seu código sendo na cor branca, como faço p aproveitar a cor branca nele vertical.
    No aguardo.

    ResponderExcluir
  42. vou preparar um tutorial com o menu na vertical, assim ficará mais fácil do que corrigir esse.

    ResponderExcluir
  43. Fabiano tipo esse código de SubMenu nao ta funcionando ele nao da o efeito de desce
    o que eu faço?

    ResponderExcluir
  44. fiz o teste e funcionou normalmente, deve ter errado em algo no hora de colocar o código

    ResponderExcluir
  45. Fabiano, parabens pelas suas postagens.
    Aminha dúvida é a seguinte: Quantos menus eu consigo colocar com este projeto? Pois no oitavo eu não conseguir colocar mais menus. Existe algum bloqueio?
    O que eu devo fazer para colocar mais de 8?

    ResponderExcluir
  46. Mauricio, não sei de bloqueios, acho que não era para ter limites.

    só se for a largura total do menu, a coluna ou blog onde vai colocar tem espaço suficiente?

    ResponderExcluir
  47. Fabiano, o blog que eu tentei colocar é este: www.calopsitar.com.br, eu não tenho muito conhecimento, você pode dar uma espiada para ver se o mesmo tem algo que bloqueia (template). Intressante que ele deixou eu colocar mais de 8 menus.
    Desde já agradeço.
    Mauricio

    ResponderExcluir
  48. Fabiano, O blog é este: www.calopsitar.com.br, o problema não seria a largura, pois o problema apareceu verticalmete, interessante que ele aceitou a colocação de mais de oito menus. Os primeiros oitos funcionam normalmete, mas os demais nem aparece. Você pode dar uma olhada!
    Desde já agradeço.
    Mauricio

    ResponderExcluir
  49. Fabiano, boa tarde!

    O problema não era de bloqueio, o problema era comigo.

    Dúvida: Quando eu coloco setinha do mouse sobre o menu a escrita fica preta, tem como o submenu ficar da mesma cor? Isto é, para diferenciar submenu dos outros menus.
    Desde já agradeço,

    ResponderExcluir
  50. o estilo ul.MenuBarHorizontal a é a aparencia do menu quando o mouse está sobre ele é só mudar a cor neste trecho

    ResponderExcluir
  51. Fabio, boa tarde!

    Num template de duas colunas, eu posso colocar este menu nas duas?

    ResponderExcluir
  52. MAURICIO
    você pode colocar dois menus no seu blog, um em cada coluna, mas acho que seria mais interessante usar apenas um no inicio da pagina, mas isso é uma questão de opinião pessoal de cada um.

    ResponderExcluir
  53. Fabiano, boa noite,

    Eu coloquei este menu num blog de teste (www.teste-mauluis.blogspot.com), mas está havendo um probleminha, eu montei 3 colunas vertical de menus, sendo que cada coluna tem 6 menus horizontalmente, sendo que os últimos menus da coluna horizontal estão ficando congelados. Você pode me dar uma orientação? Será que é o tamanho da página?
    Quebra essa para mim, obrigado.

    ResponderExcluir
  54. Fabiano, bom dia!

    Este problema só acontece quando se usa o MOZILA FIREFOX e o GOOGLE.

    No INTERNET EXPLORER ele funciona normalmente.

    Este fato é verdadeiro?

    Abs,

    ResponderExcluir
  55. Mauricio parece tudo certo, mas troque os nomes daqueles que estão com problema e excluia, depois tente colocar novamente, pode ser algum falha no copiar e colar.

    ResponderExcluir
  56. Fabiano, boa noite!

    Eu troquei o nome conforme você me aconselhou, mas o mesmo continua legal na INTERNET EXPLORER, e continua não abrindo a última carreira vertical no GOOGLE CHROMO E MOZILA, o interessante que são os três. De uma olhada no blog.: www.calopsitar.com.br

    Abs,

    ResponderExcluir
  57. no começo do código
    ul.MenuBarHorizontal{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    width: auto;
    }

    troque width: auto; por 800px;

    talvez o problema seja que o menu está ficando fora das largura do seu blog, tem itens demais nele isso também pode gerar problemas

    ResponderExcluir
  58. Fabiano,

    Exite a possibilidade de eu centralizar toda barra do menu?

    Abs,

    ResponderExcluir
  59. no trecho
    ul.MenuBarHorizontal{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 95%;
    width: 800px;


    altere para margin:auto; text-align:center

    e veja o que acontece mas esses novos templates estão dando alguns problemas com os códigos já testados nos modelos antigos(atuais)

    ResponderExcluir
  60. Fabiano, boa tarde!

    Eu venho agradecer pelas dicas e que elas deram certos.

    Agora como faço para tirar aquela setinha do menu, e também como centralizar o meu blog na tela.
    Desde já agradeço.
    Mauricio,

    ResponderExcluir
  61. as setas são imagens de fundo
    background-image: url(http://img6.imageshack.us/img6/5549/sprymenubarright.gif);

    apague essa linha
    sobre centralizar o modelo do seu blog é novo, então ainda não sei como ele é para edição no blog, precisa mexer diretamente nele até descobrir.

    ResponderExcluir
  62. Fabiano, bom dia!

    E obrigado por toda ajuda!

    Deixa eu fazer uma pergunta, este template do seu blog, foi criado por voce?

    E voce pode me informar qual é o site que tem templates legal?
    Agradeço novamente e abraços,
    Mauricio

    ResponderExcluir
  63. MAURICIO, o template deste é blog é criação nossa mesmo, não sei falar sobre qual site é bom para baixar template pois nunca usei nenhum deles

    ResponderExcluir
  64. Fabiano,
    Este template que estou usando é modelo novo ou antigo, você pode me informar?

    ResponderExcluir
  65. MAURICIO, os modelos novos são aqueles criados na pagina designer de modelo no blogger in draft

    Designer de modelo - Layout e Configurações Avançadas

    ResponderExcluir
  66. por favor, preciso de algumas informações, o blogspot tem limite de armazenamento? se tem qual é? quando voce coloca algum video ou uma playlist, o espaço gasto é o tamanho do video/playlist/etc?

    ResponderExcluir
  67. veja aqui sobre os limites do blogger

    http://www.google.com/support/blogger/bin/answer.py?hl=br&answer=42348

    video ou playlist são coisas externas isso não conta armazenamento no blogger

    ResponderExcluir
  68. olll
    Parabéns pelo blog!
    Me ajudou muito e sempre vem me ajudando!
    Estou com problemas nos menus, eles pararam de abrir os sub-menos!
    Acho que é a parte do código hospedada: http://cidadeweb.110mb.com/dicas/SpryMenuBar.js !
    Será?
    ^.^

    ResponderExcluir
  69. Leonardo, acabei de trocar o arquivo que falou, talvez seja esse o problema devido a falhas no servidor do cidadeweb.

    ResponderExcluir
  70. Fabiano, bom dia!

    Estou com um problema no menu, ele parou de abrir o submenu. Voce sabe me informar o que pode ser isto?
    O meu blog é: www.calopsitar.com.br.
    Obs.: O submenu não está abrindo em varios navegadores.
    Desde já agradeço.

    ResponderExcluir
  71. MAURICIO


    fizemos uma atualização no código veja a linha src="http://cidadeweb.110mb.com/dicas/SpryMenuBar.js" que aparece no seu blog e altere o link do arquivo

    ResponderExcluir
  72. Fabiano, tem como eu colocar o submenu na parte de guias do meu blog?

    ResponderExcluir
  73. Humor do NetoO
    pode usar esse menu em qualquer lugar onde possa colocar html no seu blog

    ResponderExcluir
  74. fabiano,
    Eu tenho que colocar o mesmo link que voce colocou?

    ResponderExcluir
  75. sim, esse é o endereço do javascript que faz o menu funcionar.

    ResponderExcluir
  76. como faço pra editar esse template
    http://xtestandotemplatex.blogspot.com/
    queria aproveitar o que tem no meu blog
    http://www.cliquedowns.net/
    e coloca pra la.pq vou usar o template preto mais nao estou conseguindo editar =/. alguem me da uma luz ai rsrs

    ResponderExcluir
  77. se quer usar o modelo de um no outro é só entrar na pagina editar html baixar o modelo, depois entrar na pagina editar html do outro blog e enviar o modelo que baixou, quando enviar vai aparecer um botão com a opção manter os gadget, clique nele e pronto.

    ResponderExcluir
  78. ola amigo muito obrigda pela diga eu nao poderia deixar de resgistrar aqui que to muito feliz com essa dica, coloquei esse menu no meu blog e esta muito bonito. quebrei a cabeça no primeiro dia e desistir depois com mais calma em outro dia segui os passos certinho e conseguir. uma dica pra quem vai tentar, esse codigo primeiro nao esta completo. corriga o codigo com as dicas do chate que vc vai conseguir, abraço a todos e boa sorte.

    ResponderExcluir
  79. Olá. Sempre que posso visito aqui. Copiei e colei num worpad. Fiz as modificações necessários (menu e submenu):

    Acontece que não abre o submenu. Por quê?

    ResponderExcluir
  80. esse código com submenu é mesmo complicado, qualquer detalhe faz parar de funcionar.

    deve ter faltado algo

    ResponderExcluir
  81. Como faz para quando clicar no item ele ir pra algum lugar?

    ResponderExcluir
  82. tem que alterar o código nos links onde está escrito:
    link do Item 1.1 é o endereço do site

    Item 1.1 e neste local o nome do site

    ResponderExcluir
  83. Comigo deu tudo Certo. Só queria agora mudar a fonte para uma letra mais legal, estava pensando na fonte brock script que é característica do meu blog, tem jeito de colocar essa fonte. Dê uma olhada em meu blog: espacodavitoria.blogspot.com

    Valeu!!

    ResponderExcluir
  84. Outra coisa, eu coloquei o menu inteiro com submenus, só que tem um menu que pra voltar para o início do blog, então este não precisaria ter submenu, só de clicar nele voltaria. Só que não consigo fazer isso. Mesmo excluido os submenus no html só volta se clicar em uma barrinha pequena que fica abaixo de início. Dê uma olhada em espacodavitoria.blogspot.com

    ResponderExcluir
  85. Espaço da Vitória
    veja o item 2, do jeito que colocamos neste tutorial ele não tem submenu

    ResponderExcluir
  86. Valeu! Deu super certo.

    Eu queria uma lista em que as imagens ficam passando
    automaticamente tipo a desse blog

    http://musicagospelmp3-musicagospel.blogspot.com/

    veja aparte lançamentos 2010 ela fica descendo, eu queria colocar um desses em meu blog vc sabe como?

    ResponderExcluir
  87. Fabiano, boa noite!

    O seu menu está abrindo os submenus?

    Abs,

    ResponderExcluir
  88. Mudei o modelo do meu blogger, agora o submenu aparece abaixo do plano de fundo e não dá para ver, como posso mudar isso. Veja em http://espacodavitoria.blogspot.com/

    ResponderExcluir
  89. Espaço da Vitória>
    olhei seu blog e você não colocou o código completo do menu por isso não aparecem as opções do submenu

    ResponderExcluir
  90. oi, eu coloquei esse codigo, soh que as barras tem tamanhos iguais , 150 px, como faço pra mudar o tamanho das abas separadamente?

    e outra duvida, quando eu coloco o mouse em cima fica iluminado a regiao por exemplo, eu coloco o mouse em cima de "saude e bem estar" e essa aba fica iluminada, soh q ela ta deixando escapar um pouco pra aba ao lado. como arrumar isso?

    um print \/
    http://img832.imageshack.us/i/semttulojz.jpg/

    ResponderExcluir
  91. veja que o valor 150px aparece em varias partes do código, então quando alterar um deverá fazer em todos da mesma maneira, deve ser esse o problema

    ResponderExcluir
  92. Cara, me ajuda aí

    O meu submenu é visualizado perfeitamente pelo mozilla firefox, só que aundo abre ele com o internet explorer ele fica na vertical no canto direito da página. O que tá acontecendo?

    Dê uma olhado com o mozilla e com o iexplorer aqui:

    http://espacodavitoria.blogspot.com/

    ResponderExcluir
  93. para fazer um menu horizontal use o código deste link:
    Links lado a lado (menu horizontal)
    lá é mais facil

    ResponderExcluir
  94. E aí cara blz!

    Tõ precisando muito de ajuda. Quero colocar marcodores expansiveis no meu blog só que não consigo, sempre dá errado, eu quero os marcadores como o desse site http://www.livremusicagospel.com/ veja os marcadores ARTISTAS (cantores) deles, preciso de colocar daquele jeito no meu blog. Pode me ajudar?
    Valeu!

    ResponderExcluir
  95. Espaço da Vitória
    aquele menu é feito manualmente, não são marcadores.

    é um menu expansivel, veja aqui Criar um menu expansível no blog

    ResponderExcluir
  96. Olá, Estou com um problema e precisava muito da sua ajuda. Estou a criar um novo blog e o template que estou a usar já tem menu horizontal com submenu, no Mozzila funciona na perfeição, mas no IE os submenus ficam por trás dos widgets e outras aplicações. Muita agradeço desde já a sua ajuda para resolver este problema.

    ResponderExcluir
  97. F. Lourenço, qual blog está com esse problema, as vezes esse menu aparece por tras de videos ou animações, isso não teve jeito de corrigir no blogger

    ResponderExcluir
  98. (continuando) o jeito foi mudar essas coisas(animações) para outro lugar na pagina

    ResponderExcluir
  99. Fabiano,

    Tem como eu fazer um índice das minhas postagem, e colocar este índice como fosse uma postagem?

    Abs,

    Mauricio

    ResponderExcluir
  100. vou terminar de preparar e logo publicarei aqui no Dicas para blogs, como fazer uma lista completa de suas postagens.

    ResponderExcluir
  101. Não funciona de jeito nenhum. fiz ao pé da letra.

    http://transitoescola.blogspot.com/

    ResponderExcluir
  102. talvez tenha outro código no seu blog que está gerando conflito, testei nosso código e funcionou perfeitamente

    ResponderExcluir
  103. Caro Fabiano,

    primeiramente parabéns belo excelente blog.

    agora uma dúvida:

    instalei o menu nesse blogteste e funcionaou perfeitamente, consegui alterar cores e tudo mais, então tentei aplicar da mesma forma neste blog, inclusive colei seu proprio código sem fazer alerações e não funcionou nada.

    dá para vc dar uma olhada e ver o que pode ter ocorrido ?

    se aceitou em um não deveria ter sido aceito no outro ?

    código instalado pelo gadget

    abraços

    ResponderExcluir
  104. provavelmente faltou algum trecho do código ou tem algo no seu modelo que está gerando conflito(dois códigos interferindo um no outro)

    ResponderExcluir
  105. Fala Fabiano ,
    Já tenho esse menu e diga-se de passagem é muito bom . Gostaria de centralizar ele, pois sobrou um espaço do lado direito, tem algum código para fazer isso, onde coloco ou edito .

    No aguardo.

    ResponderExcluir
  106. dependendo poderia aumentar a largura de cada item para ficar no tamanho exato

    ou usar uma div para centralizar:

    <div style="text-align:center;margin:auto"></div>

    ResponderExcluir
  107. Fabiano, bom dia!

    Eu uso no meu blog, o menu com sub menu.

    Eu tenho um item chamado ÍNDICE ALFABÉTICO, e neste tem um sub-ítem chamado CLIQUE AQUI.

    Como eu faço para transformar em um ítem só.

    Quando clicar no ÍNDICE ALFABÉTICO já vir o conteúdo que estava no Sub-Ítem (CLIQUE AQUI).

    Quer ver na pratica, entre no blog. www.calopsitar.com.br

    Desde já agradeço.

    Mauricio

    ResponderExcluir
  108. você poderia tirar os itens do submenu e colocar o menu com um link para uma postagem e nesta postagem colocar seu lista de links

    ResponderExcluir
  109. você poderia tirar os itens do submenu e colocar o menu com um link para uma postagem e nesta postagem colocar seu lista de links

    ResponderExcluir
  110. Boa noite Fabiano

    coloquei o menu no meu blog (tecmecanico.blogspot.com) mas quando o menu expande os osutros gadget atrapalham a clicar nos ícones do menu.
    Tem como resolver isto?
    Grato e parabéns pelo blog

    ResponderExcluir
  111. infelizmente em alguns conteudos que geram conflito com sub menu em certos navegadores

    ResponderExcluir
  112. Olá Fabiano

    consegui resolver aquele problema do submenu estar sendo encoberto. Coloquei o código direto no css aou invés de colocá-lo pelos gadgets nos elemntos de página.
    Mas o menu apreceu no topo do blog, queria que ele ficasse abaixo do título do blog. Como faço isso?

    ResponderExcluir
  113. Cara eu queria muito colocar submenus dentro de submenus entendeu ? sera que tem como ?

    ResponderExcluir
  114. vamos fazer um novo tutorial com submenus do jeito que falou, mas é um pouco mais complicado de usar.

    ResponderExcluir
  115. Fabiano, eu botei o submenu e ficou legal só que eu queria como botar uma página para cada um, por exemplo "Fale Conosco" eu quero criar uma página só para os visistantes falarem comigo

    ResponderExcluir
  116. Então Fabiano fiz teste com o codigo para centralizar o menu mais não consegui. Onde especificamente coloco o código para centralizar no menu

    ResponderExcluir
  117. pode colocar todo o código dentro de <center>....</center>

    ResponderExcluir
  118. Olá Fabiano, preciso muita da sua ajuda!
    Não sei mais o que fazer, coloquei exatamente o código que vc passou, no Firefox e no Chrome os submenus não abrem, mas IE os submenus abrem perfeitamente só que ficam atrás das páginas.
    Dá uma olhada, por favor, http://olivercupcake.blogspot.com
    Desde já agradeço.

    ResponderExcluir
  119. infelizmente o submenu apresenta uma falha usado junto com certos conteudos(video, flash)... tentei resolver mas parece não ser possivel em alguns navegadores, vou pesquisar sobre outro código melhor que esse.

    ResponderExcluir
  120. Olá Fabiano, obrigada pela resposta!
    Tenho outra pergunta, como faço para deixar os submenus na horizontal?

    Ana.

    ResponderExcluir
  121. cara, eu baixei um template que continha um submenu no submenu, mas esse terceiro menu, não abre o internet explorer, você sabe se tem algum código que eu devo colocar para que funcione no internet explorer? no mozzila e no chrome funciona normal, agradeço desde ja (:

    ResponderExcluir
  122. tente falar com o site que criou o template, eles devem ter esquecido de colocar algum arquivo no html ou tem algum erro... mas certamente quem criou o template entende ele melhor do que qualquer outra pessoa

    ResponderExcluir
  123. Olá Fabiano,

    Aquele problema com o Firefox e o Chrome já consegui resolver, somente na IE quando o submenu abre, ele fica atrás do post.
    Então ficaria bem melhor colocar os submenus na horizontal assim como o menu.
    Como faço para deixar os submenus na horizontal?
    Desde já agradeço a atenção, estou aprendendo muito com as tuas dicas!

    Fico no aguardo, Ana.

    ResponderExcluir
  124. Olá Fabiano,

    Vi nos comentários que você disse que prepararia um menu vertical com sub menus. Procurei aqui no site e não encontrei.

    Poderia preparar um artigo com um menu vertical com sub menus?

    Obrigado

    ResponderExcluir
  125. Fabiano, help.
    Tentei colocar o código no blog mas não dá certo de jeito nenhum; nem colocando no gadget nem direto no HTML.
    Fiz as alterações necessárias usando o bloco de notas, e na visualização tanto do IE quanto do Firefox não houve problema, mas na hora de por no blog, bugou e apareceu a seguinte mensagem de erro:
    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The content of elements must consist of well-formed character data or markup.


    Não consigo entender o que acontece, já analisei o código várias vezes e não sei se o que há de errado está na parte do JavaScript, que eu não entendo muito bem.
    Preciso de ajuda, sou completamente autodidata em HTML, CSS e afins e não sei o que está havendo!

    Desde já agradeço!

    ResponderExcluir
  126. cole o código antes no bloco de notas, as vezes ao passar de uma pagina da web pra outra gera algum erro de caracter se fez alguma mudança no código veja se não falou o sinal ' geralmente o html do blogger não aceita aspas

    ResponderExcluir
  127. Ola Fabiano, eu queria somente os submenus, pois o menu ja tenho no pronto no blog, tentei colocar a tag ul para acrescentar os submenus e não deu certo, tem como fazer submenu no menu pronto?
    Blog de teste: www.moduladopaul.blogspot.com

    ResponderExcluir
  128. vou procurar se tem um jeito mais simples de fazer o submenu no blog, assim que achar farei um tutorial com os novos códigos

    ResponderExcluir
  129. É. Eu também já tenho o menu vertical feito.
    Só quero colocar sub menu nele :S
    A parte do HTML pra colocar sub menu eu sei, só nãos ei a em CSS !

    ResponderExcluir
  130. fazer sub menu é um pouco complicado no final de semana que tenho mais tempo vou preparar um novo tutorial sobre criar submenu

    ResponderExcluir
  131. Troquei as aspas por ', mas aconteceu uma coisa pior: o menu, que antes estava na horizontal, ficou todo na vertical. D:

    ResponderExcluir
  132. mas onde está o menu tem espaço suficiente para ele? (largura da pagina)

    ResponderExcluir
  133. Cara me ajudaaaa!!!!
    sério!
    olha, eu coloco tudo certinho... mas o submenu não aparece.

    "o estilo quando o mouse está sobre ele é aqui"

    onde coloco o código o tal código???

    ResponderExcluir
  134. esse é o estilo quando o mouse está sobre o link: ul.MenuBarHorizontal a:hover, ul......

    ResponderExcluir
  135. não quero lateral/ quero reto exemplo : início download equipe parceiros
    e não assim :início
    parceiros
    download
    equipe
    please me ajudem

    ResponderExcluir
  136. tente usar display: inline; no estilo ul.MenuBarHorizontal ul a.MenuBarItemSubmenu

    ResponderExcluir
  137. Quero saber como se faz um menu que depende do outro,por exemplo:
    Tem um Menu Suspenso Com o Titulo "Bandas" e ,do Lado Dele um menu com o nome "Álbuns" vazio,e,quando alguem apertar o nome de uma banda,tipo "Guns N' Roses",no menu de "Álbuns" aparecece os Álbuns do Guns,sem que seja necessario sair da pagina

    ResponderExcluir
  138. o menu deste tutorial não é um menu suspenso, não sei como fazer submenu dentro de um menu suspenso

    ResponderExcluir
  139. Como faço para o submenu abrir no lado direito do menu e não centralizado conforme o código.

    ResponderExcluir
  140. altere o trecho :

    ul.MenuBarHorizontal ul li
    {
    width: 150px;
    margin-left: 30px;
    }

    a linha margin-left: 30px; coloquei agora, faça testes mudando esse valor e veja se é isso que está querendo

    ResponderExcluir
  141. Vale pela dica.
    Achei a perfeição com a colocação deste trecho:
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    {
    left: auto;
    margin-left: 200px;

    ResponderExcluir
  142. Como faço para alterar a cor do cursor (seta branca) que abre o submenu.

    Obrigado!

    ResponderExcluir
  143. você pode mudar as imagem aqui

    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    {background-color: #FFCC99;background-image: url(http://img16.imageshack.us/img16/122/overc.gif);

    ResponderExcluir
  144. Ola fabiano !!

    Esse sub menu não aparece no crome, tem alguma solução?

    ResponderExcluir
  145. Olá, estou escrevendo para solicitar ajuda, quanto a imagem "http://img6.imageshack.us/img6/9470/sprymenubardownhover.gif" do menu, que está apresentando a seguinte inscrição "403 forbidden, this file removed due to violation of imageshck terms of service or by user request.".

    Obrigado!

    ResponderExcluir
  146. ela é uma imagem usada no menu, mas como esse tutorial já tem algum tempo ela foi removida do site de hospedagem gratuita...

    você pode colocar qualquer outra imagem no lugar

    ResponderExcluir
  147. Fabiano,

    Como tenho que proceder para colocar a imagem do PICASSA no MENU?

    Abs,

    ResponderExcluir
  148. MAURICIO
    é só copiar o endereço da imagem hospedada, se tiver dificuldades com o picassa pode hospedar em outro lugar

    ResponderExcluir
  149. E ai!

    Muito bom o post..

    fiz aqui um menu "parecido com esse" porém ele não está certo, na verdade montei ele com o Menu Maker, aquele site d criar menus, no "sample" está tudo certo porém quando eu fui colocar no blog deu algo errado...


    ajuda eu ai e se puder, me manda e-mail pois achar a postagem aki vai ser dificil

    blog> http://noiscompartilha.blogspot.com/

    ABRAÇO!!!

    ResponderExcluir
  150. Fabiano,

    Como eu coloco os títulos dos menus em negrito?

    Abs,

    ResponderExcluir
  151. veja na parte final de como formatar o texto... no estilo ul.MenuBarHorizontal a{...} coloque font-weight: bold; dentro das chaves

    ResponderExcluir
  152. olá fabiano,gostaria de saber se tem como deixar o sub menu acima do texto do blog pois ele fica atrás dos textos.muito bom seu blog.

    ResponderExcluir
  153. oi, tem como tranformar outras páginas do blog em paginas para varias postagens sem ter precisar editar a pagina tipo a pagina inicial?

    ResponderExcluir
  154. Evandro
    não entendi sua pergunta: tranformar outras páginas do blog em paginas para varias postagens

    quer varias postagens na mesma pagina extra? se for isso não é possível

    ResponderExcluir
  155. Este post foi muito útil para mim
    estava procurando a muito tempo um menu deslisante
    e só achei aki ta de parabens DB !

    Dêem uma olhada como ficou meu blog com este menu

    http://fulldownloads10.blogspot.com/

    ResponderExcluir
  156. Boa noite, Fabiano
    Primeiramente parabéns pelo blog, muito bom mesmo.
    consegui fazer o menu horizontal, ainda não tentei colocar os submenus, mas quando vou visualizar meu blog, vejo que no menu tem uma targa branca com alguns nomes dentro, poderia me dizer comoo tirar isso e deixar somente a cor da targa de fundo.
    Desde de ja agradeço.

    ResponderExcluir
  157. a tarja branca deve ser por causa das imagens hospedadas no site imageshack, veja no trecho tem uma imagem de fundo no botão
    background-image: url(http://img16.imageshack.us/img16/122/overc.gif);

    precisa trocar ou retirar essa imagem

    ResponderExcluir
  158. Fabiano, bom dia!

    Mais uma vez venho pedir a sua ajuda. Eu tenho no meu blog um menu chamado VÍDEO e com vários submen us. O problema é o seguinte: Quando eu clico no menu VÍDEO e escolho um submenu eu consigo ver o vídeo, mas quando eu vou para outro MENU e escolho o submenu, a listagem de submenu fica oculta atrás da postagem do último vídeo.
    Tem como resolver?
    Se quiser ver na prática é só entrar no meu blog: www.calopsitar.com.br

    Dese já agradeço.

    ResponderExcluir
  159. infelizmente alguns códigos geram conflitos ... tentei mas não conseguir resolver esse problema do menu aparecer por tras do video... pesquisei em alguns sites com tutoriais de html e também não conseguir algo que funcionasse 100%

    ResponderExcluir
  160. Amigo, tenho uma grande dúvida.
    Primeiramente gostaria de dizer que adorei o seu site e, apesar de ter descoberto ele recentemente, venho aaui quase toda hora.
    Meu blog tem 6 autores diferentes, é um blog novo e amador, porém queria tranformar eles aos poucos em algo mais profissional. Vi um dia em um site qualquer explicando como criar uma página para cada autor, exemplo: todas as postagens de todos os autores na página normal e um link do autor aonde tinha todas as postagens daquele autor, automaticamente (Fulano posta normalmente na página principal e automaticamente essa postagem vai para a página do Fulano), porém nesse site estava tão mal explicado e errado que quase tive que zerar o html enteiro do blog. Pode me dizer como faço isso, divido em autores? Eu queria colocar também um submenu dos autores, mas aqui já explica isso...
    Obrigado.
    Qualquer coisa meu e-mail:
    thadeu.werneck@hotmail.com

    ResponderExcluir
  161. isso pode ser feito com os marcadores do blogger, ou seja crie um marcador com o nome de cada autor do blog

    ResponderExcluir
  162. Eu keria saber como mudar a imagen do fundo do item 1 e 3

    ResponderExcluir
  163. esse código não é possivel modificar a imagem de fundo de itens em separado...

    ResponderExcluir
  164. Tenho visto em alguns blogs uma espécie de postagem, onde está escrito: VOCÊ PODE GOSTAR TAMBÉM DE: ( e logo abaixo aparecem imagens e
    títulos de outras postagens, provavelmente mais antigas, que poderão ser abertas com um clique).
    Poderia me esclarecer como se adota esse recurso?

    ResponderExcluir
  165. Amigo, mais uma vez estou aqui, gostei da sua dica e pesquisei o melhor jeito de fazer isso com os marcadores no meu blog. Coloquei esse código que você deu na lateral, porque na horizontal em cima já está as postagens dividas por autor. Então, queria saber se tem como esse menu abrir o submenu para a direita ou para esquerda e não para baixo?
    Para entender melhor visite meu blog:
    http://pubofriends.blogspot.com
    Obrigado.

    ResponderExcluir
  166. tentei achar no código mas não deu certo mudar a posição

    ResponderExcluir
  167. Fabiano, bom dia!

    Eu queria aproveitar o seu MENU com SUBMENU e colocar um SUBMENU DO SUB. Exemplo:

    MENU: SUBMENU1 SUBMENU2
    saude doença aftose
    dicas de sáude -
    medicamentos glicopan

    Desde já agradeço e aguardo retorno.

    Abs,

    ResponderExcluir
  168. vou preparar um tutorial com submenu em varios niveis...

    ResponderExcluir
  169. Tem como colocar os sub menus em um menu que eu criei, http://nacaojovemuberlandia.blogspot.com/p/g12.html#

    To precisando disso maisnão to conseguindo

    ResponderExcluir
  170. olá! primeiramente obrigada por compartilhar tanta coisa boa conosco! sempre recorro ao teu site!
    Neste caso, instalei esse código do submenu no blog... as cores e troca de cores dos botões funcionam, a única coisa é que qd passo o mouse sobre o link que tem submenu, não aparece a lista de submenus..não sei o que há... se puder dar uma olhadinha, por favor:
    http://carolavonfoto.blogspot.com/

    o menu 'categorias' deveria aparecer uma lista de 9 submenus...
    Help me, please, amigo!

    obrigada!

    Aline

    allinesc2006@gmail.com

    ResponderExcluir
  171. deu td certo, só os submenus que não aparecem ao passar o mouse sobre :( pq será?

    ResponderExcluir
  172. veja se não faltou nenhuma parte dos códigos.. as vezes na hora de fazer alterações qualquer detalhe dá erro...

    por exemplo sinal faltando, aspas...

    ResponderExcluir
  173. Desisto não consigo de jeito nenhum. Me confundi toda com esse codigoo - mais a minha duvida é :
    É preciso por link da pagina que vai usar ?
    Pode por links de postagem?
    --------------Mudando de assuntooo -

    Da para numa pagina criar varias posts?

    ResponderExcluir
  174. se estiver falando das Paginas extras não é possivel fazer varias postagens, cada pagina é somente um texto

    ResponderExcluir
  175. A e a questao das paginas , dá para mudar um exemplo todo o template de cada pagina , os gadgets e etc.?

    ResponderExcluir
  176. não tem como alterar o template dessas paginas... alias talvez até seja possivel mas tem que alterar códigos demais e o blog provavelmente ficará mais lento e com mais erros...

    ResponderExcluir
  177. como faço com que o menu ou submenu chame uma outra pagina do blog

    ResponderExcluir
  178. Ola, estou com o seguinte problema no meu submenu, meu site é www.gpexpert.com.br quando eu abro no firefox funciona as mil maravilhas, mas se eu abrir com o internet explorer o fundo do submenu fica branco e não transparent como no firefox, tem como resolver isso???

    ResponderExcluir
  179. infelizmente alguns códigos dão diferença no internet explorer e firefox.... e não tem solução em certos casos...

    ResponderExcluir
  180. Olá Fabiano, primeiramente parabéns pelo blog, está me ajudando muito!

    Gostaria de saber se é possível colocar nesta barra, ao invés da caixa de pesquisa, dois botões que redirecionassem para o twitter e facebook da empresa. Poderia me ajudar?

    Obrigada!

    ResponderExcluir
  181. pode colocar links de texto ou botões no menu para o facebook e twitter... os links de texto são mais facil... mas pode usar imagens com esse código: <a href="http://www.facebook.com/dicasparablogs"><img src="endereço da imagem" border="0" /></a>

    ResponderExcluir
  182. Oi Fabiano, obrigada mesmo pela ajuda!
    Vou tentar depois colocar estas imagens e te falo ok? :)

    Mas me diz uma coisa, o que fazer para que estes dois ícones (facebook e orkut), ocupem exatamente o local (canto direito) onde estava a caixa de pesquisas?

    Continuando no local, como mudar a posição dos links? Queria experimentá-los centralizados e no canto direito da barra também, caso não consiga ou não goste do resultado com os ícones das redes sociais.

    Poderia me dizer como faço pra trocá-los de lugar?
    Se puder me ajudar, te agradeceria muito!!!

    ResponderExcluir
  183. Oi Fabiano.
    Coloquei um outro modelo no meu blog, esse aqui:
    http://www.noticiaeblog.com/2010/01/menu-horizontal-com-abas-para.html

    Só que sou absolutamente leiga, e está sobrando um espaço na última "casinha" que não consigo tirar.

    Fica mais ou menos assim:

    | a | b | c | d | * |

    (O espaço com o " * " é o que quero tirar, e não sai!)

    Eu já até ia inventando outra palavra pra ficar nesse espacinho, mas aí o espaço vai para baixo do " | a | " . Tô ficando louca, pois não entendo nada! Por favor, me ajude!

    ResponderExcluir
  184. neste trecho do código

    #jsddm li a
    { display: block;
    background: #324143; /*DARK-GREEN*/
    padding: 5px 12px;
    text-decoration: none;

    reduza o valor 12 ele é o espaço do lado esquerdo e direito de cada link

    ResponderExcluir
  185. Estou com um problema em meu blog!
    estou usando dois submenu
    quero apenas usar o 2º, para isso terei que erruma-lo, já que ele fica por baixo de um anuncio do google ou do titulo da postagem

    http://sempretestepouzada.blogspot.com/

    Você pode me ajudar?

    ResponderExcluir
  186. Estou com um problema para aparecer os submenus. Não consigo de forma alguma, já tentei não alterar nada no código, alterando e mesmo assim não consigo.

    Consegui executar todas as funções menos fazer com que o submenu apareça. Preciso disso pois quero colocar submenus em recomendações no meu blog. Por enquanto estou usando o menu do blogger mas não consigo fazer submenu com ele e portanto estou a procura de um substituto. Espero que saiba resolver o problema.

    ResponderExcluir
  187. os códigos de sub menu são bem complicados.. e qualquer erro não deixa funcionar direito... verifique os detalhes

    ResponderExcluir
  188. Poderia falar comigo através do msn para me explicar melhor. Tentei não alterar nada no código, como você fez no exemplo do blog com submenu e mesmo assim não funciona. Não teria como eu ter esquecido de algo ou errado já que copiei tudo e não alterei nada.

    Gostaria que me ajudasse neste detalhe pois só encontrei submenu através de gadget neste blog e gostaria muito de utilizar esta versão. Agradeço se me mandar algum e-mail para podermos conversar.

    ResponderExcluir
  189. envie o código como colocou no seu blog para meu email e vou testar...

    não uso MSN para assuntos relacionados com blogs

    ResponderExcluir
  190. Enviei para o e-mail que está ao lado direito do seu blog. Aguardo sua resposta.

    ResponderExcluir
  191. Oi, tudo bem? Seu post foi de grande ajuda pra mim, só que como to começando, quando eu clico no sub menu, dá como "página não existente", e eu também gostaria de saber como eu posto nos sub menus. Me ajuda pro favor? Agradeço muito. Meu blog: cursosconrerp3.blogspot VLW!

    ResponderExcluir