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
Como Colocar Submenu no Blog
4/ 5
Oleh

280 Comentários

«Mais antigas   ‹Antigas   1 – 200 de 280   Recentes›   Mais recentes»
8 de maio de 2009 20:50 delete

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

Reply
8 de maio de 2009 23:33 delete

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

Reply
9 de maio de 2009 10:25 delete Este comentário foi removido pelo autor.
9 de maio de 2009 11:53 delete

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

Reply
11 de maio de 2009 16:31 delete

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

Reply
11 de maio de 2009 17:12 delete

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

Reply
11 de maio de 2009 19:45 delete

desculpa por ta escrevendo erra e que o teclado ta rem

Reply
11 de maio de 2009 19:59 delete Este comentário foi removido pelo autor.
11 de maio de 2009 21:11 delete

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

Reply
12 de maio de 2009 13:43 delete

Topa parceria? dicadedica.com

Reply
12 de maio de 2009 14:27 delete

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

Reply
12 de maio de 2009 20:01 delete

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

Reply
13 de maio de 2009 15:41 delete

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

Reply
20 de maio de 2009 07:52 delete

Muito valiosa as suas dicas. Seu Blog é sensacional.

Reply
18 de junho de 2009 12:54 delete

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?

Reply
18 de junho de 2009 17:02 delete

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

Reply
22 de junho de 2009 10:24 delete

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

Reply
22 de junho de 2009 15:03 delete

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

Reply
25 de junho de 2009 13:43 delete Este comentário foi removido pelo autor.
25 de junho de 2009 15:14 delete

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">

Reply
5 de agosto de 2009 10:59 delete

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?

Reply
5 de agosto de 2009 14:54 delete

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.

Reply
5 de agosto de 2009 15:45 delete

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

Reply
5 de agosto de 2009 23:32 delete

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.

Reply
6 de agosto de 2009 12:19 delete

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?

Reply
6 de agosto de 2009 14:07 delete

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{....

Reply
11 de agosto de 2009 17:55 delete

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

Reply
11 de agosto de 2009 18:01 delete

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.

Reply
clebson
30 de outubro de 2009 16:06 delete

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

Reply
6 de novembro de 2009 13:03 delete

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?

Reply
6 de novembro de 2009 18:56 delete

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

Reply
8 de novembro de 2009 18:23 delete

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!

Reply
8 de novembro de 2009 21:05 delete

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.

Reply
Anônimo
7 de janeiro de 2010 12:23 delete

Fabiano tem como eu colocar sem o submenu???

Reply
7 de janeiro de 2010 15:57 delete

sem o submenu veja aqui, como fazer um menu horizontal

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

Reply
11 de janeiro de 2010 22:32 delete

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!

Reply
12 de janeiro de 2010 14:53 delete

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

Reply
15 de fevereiro de 2010 22:10 delete

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.

Reply
16 de fevereiro de 2010 00:20 delete

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

Reply
4 de março de 2010 15:44 delete

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..

Reply
4 de março de 2010 16:50 delete

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

Reply
2 de abril de 2010 20:20 delete

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.

Reply
3 de abril de 2010 23:17 delete

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.

Reply
4 de abril de 2010 00:16 delete

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

Reply
11 de abril de 2010 16:24 delete

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

Reply
11 de abril de 2010 18:53 delete

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

Reply
11 de abril de 2010 20:49 delete

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?

Reply
11 de abril de 2010 22:22 delete

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?

Reply
11 de abril de 2010 22:53 delete

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

Reply
11 de abril de 2010 23:03 delete

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

Reply
13 de abril de 2010 14:06 delete

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,

Reply
13 de abril de 2010 14:56 delete

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

Reply
13 de abril de 2010 17:44 delete

Fabio, boa tarde!

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

Reply
14 de abril de 2010 14:55 delete

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.

Reply
15 de abril de 2010 23:05 delete

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.

Reply
16 de abril de 2010 07:51 delete

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,

Reply
16 de abril de 2010 13:32 delete

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.

Reply
16 de abril de 2010 22:28 delete

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,

Reply
16 de abril de 2010 22:38 delete

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

Reply
17 de abril de 2010 21:38 delete

Fabiano,

Exite a possibilidade de eu centralizar toda barra do menu?

Abs,

Reply
17 de abril de 2010 21:58 delete

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)

Reply
18 de abril de 2010 13:51 delete

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,

Reply
18 de abril de 2010 14:11 delete

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.

Reply
20 de abril de 2010 10:33 delete

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

Reply
20 de abril de 2010 14:24 delete

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

Reply
20 de abril de 2010 14:31 delete

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

Reply
20 de abril de 2010 15:28 delete

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

Reply
Anônimo
22 de abril de 2010 13:42 delete

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?

Reply
22 de abril de 2010 15:01 delete

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

Reply
23 de abril de 2010 21:27 delete

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á?
^.^

Reply
23 de abril de 2010 22:00 delete

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

Reply
25 de abril de 2010 08:17 delete

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.

Reply
25 de abril de 2010 14:54 delete

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

Reply
25 de abril de 2010 17:02 delete

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

Reply
25 de abril de 2010 18:31 delete

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

Reply
25 de abril de 2010 21:16 delete

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

Reply
25 de abril de 2010 23:18 delete

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

Reply
3 de maio de 2010 17:53 delete

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

Reply
3 de maio de 2010 17:58 delete

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.

Reply
8 de maio de 2010 15:48 delete

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.

Reply
11 de maio de 2010 10:30 delete

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ê?

Reply
11 de maio de 2010 16:39 delete

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

deve ter faltado algo

Reply
14 de maio de 2010 22:17 delete

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

Reply
14 de maio de 2010 23:59 delete

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

Reply
21 de maio de 2010 17:06 delete

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!!

Reply
26 de maio de 2010 11:43 delete

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

Reply
26 de maio de 2010 15:36 delete

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

Reply
26 de maio de 2010 15:51 delete

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?

Reply
3 de junho de 2010 00:17 delete

Fabiano, boa noite!

O seu menu está abrindo os submenus?

Abs,

Reply
11 de junho de 2010 09:17 delete

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/

Reply
11 de junho de 2010 18:50 delete

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

Reply
Bruno Calasans
27 de julho de 2010 23:12 delete

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/

Reply
28 de julho de 2010 17:57 delete

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

Reply
29 de julho de 2010 09:51 delete

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/

Reply
29 de julho de 2010 15:06 delete

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

Reply
6 de agosto de 2010 14:18 delete

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!

Reply
6 de agosto de 2010 14:46 delete

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

Reply
13 de agosto de 2010 17:45 delete

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.

Reply
13 de agosto de 2010 17:52 delete

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

Reply
13 de agosto de 2010 17:53 delete

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

Reply
13 de setembro de 2010 16:07 delete

Fabiano,

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

Abs,

Mauricio

Reply
13 de setembro de 2010 16:21 delete

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

Reply
13 de setembro de 2010 20:24 delete

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

http://transitoescola.blogspot.com/

Reply
14 de setembro de 2010 15:17 delete

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

Reply
22 de setembro de 2010 00:10 delete

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

Reply
22 de setembro de 2010 15:49 delete

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

Reply
25 de setembro de 2010 20:29 delete

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.

Reply
25 de setembro de 2010 20:54 delete

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>

Reply
26 de outubro de 2010 10:17 delete

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

Reply
26 de outubro de 2010 14:18 delete

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

Reply
26 de outubro de 2010 14:19 delete

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

Reply
26 de outubro de 2010 22:06 delete

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

Reply
27 de outubro de 2010 15:39 delete

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

Reply
28 de outubro de 2010 11:07 delete

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?

Reply
HD'
9 de novembro de 2010 14:47 delete

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

Reply
9 de novembro de 2010 15:48 delete

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

Reply
14 de novembro de 2010 15:41 delete

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

Reply
25 de novembro de 2010 02:09 delete

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

Reply
25 de novembro de 2010 15:17 delete

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

Reply
29 de novembro de 2010 15:46 delete

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.

Reply
29 de novembro de 2010 15:54 delete

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.

Reply
30 de novembro de 2010 01:08 delete

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

Ana.

Reply
HD'
1 de dezembro de 2010 17:52 delete

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

Reply
1 de dezembro de 2010 18:02 delete

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

Reply
2 de dezembro de 2010 12:49 delete

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.

Reply
11 de dezembro de 2010 12:34 delete

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

Reply
13 de dezembro de 2010 11:39 delete

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!

Reply
13 de dezembro de 2010 13:59 delete

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

Reply
Paulo Zeus
13 de dezembro de 2010 14:00 delete

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

Reply
13 de dezembro de 2010 14:16 delete

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

Reply
13 de dezembro de 2010 19:51 delete

É. 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 !

Reply
14 de dezembro de 2010 15:14 delete

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

Reply
16 de dezembro de 2010 11:03 delete

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

Reply
16 de dezembro de 2010 14:49 delete

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

Reply
Gabi
24 de dezembro de 2010 13:32 delete

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???

Reply
24 de dezembro de 2010 20:30 delete

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

Reply
25 de dezembro de 2010 22:21 delete

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

Reply
26 de dezembro de 2010 00:01 delete

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

Reply
7 de janeiro de 2011 21:40 delete

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

Reply
7 de janeiro de 2011 22:42 delete

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

Reply
19 de janeiro de 2011 18:30 delete

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

Reply
20 de janeiro de 2011 14:37 delete

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

Reply
22 de janeiro de 2011 15:20 delete

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

Reply
26 de janeiro de 2011 13:53 delete

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

Obrigado!

Reply
26 de janeiro de 2011 15:27 delete

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);

Reply
28 de janeiro de 2011 13:00 delete

Ola fabiano !!

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

Reply
5 de fevereiro de 2011 19:56 delete

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!

Reply
6 de fevereiro de 2011 00:09 delete

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

Reply
7 de fevereiro de 2011 18:02 delete

Fabiano,

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

Abs,

Reply
8 de fevereiro de 2011 14:16 delete

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

Reply
10 de fevereiro de 2011 16:42 delete

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!!!

Reply
20 de fevereiro de 2011 12:22 delete

Fabiano,

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

Abs,

Reply
20 de fevereiro de 2011 16:47 delete

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

Reply
25 de fevereiro de 2011 21:44 delete

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.

Reply
3 de março de 2011 15:15 delete

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

Reply
3 de março de 2011 15:28 delete

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

Reply
4 de março de 2011 13:11 delete

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/

Reply
12 de março de 2011 02:36 delete

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.

Reply
12 de março de 2011 12:45 delete

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

Reply
15 de março de 2011 10:18 delete

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.

Reply
15 de março de 2011 13:43 delete

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%

Reply
20 de março de 2011 16:14 delete

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

Reply
20 de março de 2011 21:21 delete

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

Reply
21 de março de 2011 18:28 delete

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

Reply
21 de março de 2011 19:17 delete

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

Reply
31 de março de 2011 17:50 delete

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?

Reply
3 de abril de 2011 03:43 delete

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.

Reply
Anônimo
3 de abril de 2011 18:43 delete

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

Reply
6 de abril de 2011 08:57 delete

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,

Reply
6 de abril de 2011 15:25 delete

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

Reply
18 de abril de 2011 09:58 delete

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

Reply
28 de abril de 2011 23:15 delete

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

Reply
28 de abril de 2011 23:31 delete

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

Reply
29 de abril de 2011 15:04 delete

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...

Reply
14 de junho de 2011 18:42 delete

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?

Reply
15 de junho de 2011 15:14 delete

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

Reply
15 de junho de 2011 20:47 delete

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

Reply
16 de junho de 2011 15:26 delete

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...

Reply
28 de junho de 2011 16:11 delete

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

Reply
28 de junho de 2011 18:27 delete

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???

Reply
29 de junho de 2011 15:05 delete

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

Reply
11 de agosto de 2011 16:29 delete

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!

Reply
11 de agosto de 2011 18:23 delete

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>

Reply
12 de agosto de 2011 04:01 delete

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!!!

Reply
21 de agosto de 2011 14:35 delete

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!

Reply
21 de agosto de 2011 15:04 delete

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

Reply
23 de agosto de 2011 13:56 delete

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?

Reply
10 de setembro de 2011 22:20 delete

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.

Reply
10 de setembro de 2011 23:26 delete

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

Reply
11 de setembro de 2011 01:12 delete

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.

Reply
11 de setembro de 2011 14:26 delete

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

não uso MSN para assuntos relacionados com blogs

Reply
11 de setembro de 2011 18:39 delete

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

Reply
18 de setembro de 2011 23:40 delete

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!

Reply
«Mais antigas   ‹Antigas   1 – 200 de 280   Recentes›   Mais recentes»