Pesquisar neste blog
Sobre mim
Xat do Blog
Status do Xat
quinta-feira, 7 de julho de 2011
Olá pessoal, hoje irei fazer um tutorial ensinando como colocar um botão expansivel com subcategorias, explicando:
se vc tem muitas categorias em seu blog e se criar um menu para elas ficará muito grande, então vc pode criar este menu que não ocupa muito espaço em seu blog e ainda e muito leve, veja a imagem de como ele fica:

Quando vc clica na seta, ela mostra as subcategorias:

Primeiro passo: vá até "Design" e em "Elementos da página" clique em "Adicionar um gadget" e clique na opção " HTML/JavaScript", na janela que se abre cole o código abaixo:
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>
<option>- Your Title - </option>
<!-- change the links with your own -->
<option value="http://www.informando-dica.blogspot.com">Title One</option>
<option value="http://www.informando-dica.blogspot.com">Title second</option>
<option value="www.informando-dica.blogspot.com">Title Third</option>
<option value="www.informando-dica.blogspot.com">Blogger Widgets</option>
</select></form>
O trecho em azul vc substitui pelo nome do seu menu, no meu caso (imagem acima) eu coloquei "Em breve"; o código em vermelho vc substitui pelo nome das subcategorias e o código em rosa pelos endereços das respectivas subcategorias.
Caso queira adicionar mais subcategorias, basta adicionar mais linhas:
<option value="http://www.informando-dica.blogspot.com">Nova categoria</option>
Salve e veja como ficou!
se vc tem muitas categorias em seu blog e se criar um menu para elas ficará muito grande, então vc pode criar este menu que não ocupa muito espaço em seu blog e ainda e muito leve, veja a imagem de como ele fica:

Quando vc clica na seta, ela mostra as subcategorias:

Primeiro passo: vá até "Design" e em "Elementos da página" clique em "Adicionar um
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>
<option>- Your Title - </option>
<!-- change the links with your own -->
<option value="http://www.informando-dica.blogspot.com">Title One</option>
<option value="http://www.informando-dica.blogspot.com">Title second</option>
<option value="www.informando-dica.blogspot.com">Title Third</option>
<option value="www.informando-dica.blogspot.com">Blogger Widgets</option>
</select></form>
O trecho em azul
Caso queira adicionar mais subcategorias, basta adicionar mais linhas:
<option value="http://www.informando-dica.blogspot.com">Nova categoria</option>
Salve e veja como ficou!
Assinar:
Postar comentários (Atom)
.::Seguidores::.
..:: Marcadores ::..
- Como Ganhar Dinheiro?
- Contadores
- Dicas Blogger
- Dicas Orkut
- Dicas Wordpress
- Divulgue seu blog
- Dominio proprio
- Editores de Html
- Editores de imagem
- Fontes
- Gerador Caixa Link-me
- Html/CSS
- icones
- MSN
- Novidades
- Parceiros
- Relogios para blog
- Templates
- Video Aulas Blog
- Video Aulas Photoshop
- Web Design
- Widgets
















0 comentários:
Postar um comentário