Segunda-feira, 9 de Agosto de 2010

Como Criar Subcategorias no Blogger

Criar subcategorias no blogger sempre foi um problema para os utilizadores desses blogs, simplesmente porque o blogspot não permite criar subcategorias, pelo menos não nos templates antigos, nos novos não sei porque não estou a usar nenhum deles. Este post é mais como fazer o blog parecer que tem categorias e não como de facto criar categorias como outras plataformas de blogs permitem fazer, por exemplo o Wordpress.

Então para criar subcategorias nos templates antigos temos de contornar a situação e há algumas formas de o fazer. O que o blogger permite fazer sim é criar Marcadores (Labels) que são uma espécie de tags que se podem adicionar aos posts individualmente para os associar em grupos. Desta forma o visitante que clica, por exemplo, no link para um marcador chamado "Hacks" verá todos os posts aos quais foi atribuído o marcador Hacks.

Embora os Marcadores sejam quase tão bons como ter Categorias o que os bloggers querem mesmo é ter Categorias e Subcategorias. Provavelmente se o blogspot permitisse criá-las então o que os bloggers iriam querer seria Marcadores. É a vida.

Bom, algumas formas de contornar isto são: Criar listas de links com o gadget do blogspot, ou criar listas de links manualmente. Estes links linkam sempre para os marcadores, assim as suas "subcategorias" são na verdade Marcadores.

E nos exemplos que vou dar todos os links ficam visíveis no menu, mas para poder ocultar ou mostrar os links ao clicar nos menus pode usar Javascript mas não vou falar sobre isso aqui. Pode procurar no Google "como ocultar links em javascript".

Para facilitar vou usar como exemplo um blog que teria uma categoria chamada "Filmes", e dentro dela "Filmes de Terror" e "Filmes de Suspense", e outra chamada "Músicas" e dentro desta "Músicas em Português" e "Músicas em Inglês". Avançando…

Criar lista de links como categorias e subcategorias

Neste exemplo usamos várias listas de links como se fossem categorias e subcategorias.

1. No painel de Design > Elementos de Página do seu blog, clique em Adicionar um Gadget. Abre-se a janela de gadgets que pode adicionar.

2. Escolha o de Listas de Links, dê o título Filmes e crie dois links: um para os posts com o Marcador Filmes de Terror e outro para os posts com o marcador Filmes de Suspense.

(Para ver quais os links para os marcadores coloque o cursor do rato sobre um deles na barra lateral do seu blog, clique com o botão direito e copie o link. Pode vê-lo na barra de estado do browser no canto inferior esquerdo, ele será algo como http ://nome-do-blog.blogspot.com/ search/label/filme). Guarde esta lista de links. A janela fecha-se.

3. Repita o processo anterior para criar mais uma lista de links e crie outra igual para a categoria de Músicas com os links para os respectivos marcadores Músicas em Português e Músicas em Inglês e o nome Músicas. Guarde também as alterações. Depois pode arrastar cada elemento da barra lateral para os deixar na ordem que quiser.

4. Repita para quantas categorias tiver.

Notas: Estará a criar links para Marcadores e não para posts individuais. Neste caso o texto Filmes e Músicas não tem link porque é o título das listas, mas você pode também criar um marcador chamado Filmes ou Músicas e adicionar os links para ele na barra lateral, pode dizer por exemplo "clique aqui para ver todos os posts da categoria Filmes" como vou fazer no segundo exemplo mas aí também poderá colocar links nos títulos das categorias. Veja a imagem de como estas listas de links ficariam de acordo com o primeiro exemplo:

subcategorias_lista

Segundo exemplo: Criar lista de subcategorias manualmente

Neste caso clique em Adicionar um Gadget e escolha o de HTLM/Javascript, nele terá de adicionar todo o código manualmente. Pode usar um código assim (substitua o texto em maiúsculas pelo endereço e texto dos seus links) não necessita de dar um um título ao elemento pois esta já está especificado nos h2:

<h2>FILMES</h2>

  <ul>
    <li><a href="LINK-DO-MARCADOR">FILMES DE TERROR</a> </li>

    <li><a href="LINK-DO-MARCADOR-2">FILMES DE SUSPENSE</a> </li>
  </ul>

  <h2>MÚSICAS</h2>

  <ul>
    <li><a href="LINK-DO-MARCADOR-3">MÚSICAS EM PORTUGUÊS</a> </li>

    <li><a href="LINK-DO-MARCADOR-4">MÚSICAS EM INGLÊS</a> </li>
  </ul>

A seguir a imagem de como isto ficaria, mas já com algumas alterações que mostrarei depois:

subcategorias_manual 

Veja que aqui o título Músicas já tem link (para um marcador que estará associado a todas as músicas) e aqui podemos adicionar quaisquer outros links que queiramos (o "Veja todos os filmes" e "Nelly Furtado", por exemplo) ou usar uma lista numerada (OL em vez de UL no código). E o código real para o exemplo acima com as alterações é este:

<h2>FILMES</h2>
<ul>
<li><a href="LINK-DO-MARCADOR">FILMES DE TERROR</a></li>
<li><a href="LINK-DO-MARCADOR-2">FILMES DE SUSPENSE</a></li>
<li><a href="LINK-DO-MARCADOR-3">(VEJA TODOS OS FILMES)</a></li>
</ul>
<h2><a href="LINK-DO-MARCADOR-4">MÚSICAS</a></h2>
<ol>
<li><a href="LINK-DO-MARCADOR-5">MÚSICAS EM PORTUGUÊS</a></li>
<li><a href="LINK-DO-MARCADOR-6">MÚSICAS EM INGLÊS</a></li>
<ol>
<li><a href="LINK-DO-MARCADOR-7">NELLY FURTADO</a></li>
<li><a href="LINK-DO-MARCADOR-8">MICHAEL JACKSON</a></li>
</ol>
<li><a href="LINK-DO-MARCADOR-9">(VEJA TODOS AS MÚSICAS)</a></li>
</ol>

Notas finais: A desvantagem de criar subcategorias no blogger desta forma é que sempre que adicionarmos uma nova categoria temos de editar o elemento para adicionar o novo link já que ele não será adicionado automaticamente pelo Blogspot, mas não será necessário fazer isto ao adicionar novos itens de categoria (como novo filme ou nova música, no exemplo) pois basta adicionar o Marcador (por exemplo Filme de Terror) ao post quando se cria este.

por Sergio Alex às 12:53
link do post | comentar | favorito
1 comentário:
De Alice a 27 de Fevereiro de 2011 às 10:50
Oi Sérgio, tudo bem?
Estou tentando criar subcategorias no blogspot como vc ensinou. Eu consegui criar, mas nao consigo colocar o conteúdo, ou seja, os posts dentro de cada item. E outra pergunta, por ex: criei uma categoria chamada Europa e dentro dela quero os paises e conseguentemente dentro dos paises as cidades, seria assim: europa - italia - roma (por ex), é possível???
Esta é a limitaçao que estou encontrando no blogspot para postar meu conteúdo.
Agradeço se me responder via e-mail, abraço
Alice

Comentar post

telemóveis Nokia

Telemóvel Nokia N95

Telemóvel Nokia 1208

Telemóvel Nokia E65

Telemóvel Nokia 2600 Classic

Telemóvel Nokia E51

Telemóvel Nokia 5200

Telemóvel Nokia 6120 Classic

Telemóvel Nokia E61i

Telemóvel Nokia 2630

Telemóvel Nokia 6233

Telemóvel Nokia 2310

Telemóvel Nokia 6110 Navigator

Telemóvel Nokia 3120 Classic

Telemóvel Nokia n82

Telemóvel Nokia 5000

Telemóvel Nokia 5320 Xpress Music

telemóveis Blackberry

Telemóvel BlackBerry Pearl 8110

Telemóvel BlackBerry Curve 8310

telemóveis LG

Telemóvel LG KG800

Telemóvel LG KE800 Chocolate Premium

Telemóvel LG KG275

Telemóvel LG KF600

Telemóvel LG KE970 Shine

Telemóvel LG KP100

Telemóvel LG KU380

Telemóvel LG KP235

Telemóvel LG KP130

Telemóvel LG KF510

telemóveis Motorola

Telemóvel Motorola V8

Telemóvel Motorola Q9

Telemóvel Motorola V8 Luxury

Telemóvel Motorola U9

telemóveis HTC

Telemóvel HTC TyTN II

Telemóvel HTC Touch Cruise

Telemóvel HTC Touch Dual

Telemóvel HTC P3600

Telemóvel HTC Touch Diamond

telemóveis Sony Ericsson

Telemóvel Sony Ericsson S500i

Telemóvel Sony Ericsson T303i

Telemóvel Sony Ericsson W300i

Telemóvel Sony Ericsson K550i

Telemóvel Sony Ericsson W200i

Telemóvel Sony Ericsson P990i

Telemóvel Sony Ericsson Z250i

Telemóvel Sony Ericsson Z555i

Telemóvel Sony Ericsson W380i

Vídeo Review do Telemóvel Sony Ericsson P1i

Telemóvel Sony Ericsson P1i

Telemóvel Sony Ericsson K770i

Telemóvel Sony Ericsson K530i

Telemóvel Sony Ericsson W880i

telemóveis para crianças

Telemóvel Imaginarium Cam1

Telemóvel Imaginarium Mo1 | Telemóvel para Crianças

outros posts sobre telemóveis

Wallpapers para Telemóveis MoboPic

Revistas de Telemóveis

Despir Pessoas com o Telemóvel

Imagens de Bonecos para o Telemóvel

Como Saber Modelo de Telemóvel

Telemóvel Winx para Meninas na Optimus - Portugal

Programas para Desbloquear Telemóveis

Telemóvel ZTE Mobile F230

Códigos para telemóveis

Desbloquear telemóveis facilmente

posts recentes

Como Apagar o Blog Primár...

Vodafone 555 Azul - O Nov...

Caixas de Correio Tipo Am...

Perfumes Importados Femin...

Experimentos Caseiros

links interessantes

TMN

Optimus

Vodafone

Blog da Pinkinha

comentários

estou procurando valdir vieira desde 2002 ele é...
gostava de desbloquear nokia lumia 520 esta bloque...
Oi. Ainda bem que já tem seguidores. Aí está uma v...
Oi,Sergio. Obrigada pelo comentário no meu blog. T...

pesquisar