quinta-feira, 15 de abril de 2010

Nuvem de Tags usando os Marcadores

pos postagem backup


Um recurso interessante para destacar os assuntos mais vistos no seu blog é colocar os marcadores do blog em forma de nuvens de tags. Assim os assuntos mais vistos no seu blog vão ficar em destaque. Veja a imagem abaixo:

Antes de tudo, para esse widget funcionar é necessário que você coloque marcadores nas postagens do seu blog, dessa forma o Blogger vai organizar em categorias todos os posts.
Vamos ao trabalho... (recomendo que faça backup sempre antes de começar qualquer modificação)

- Entre em “Layout” -> “Elementos da Página”. Clique em “Adicionar um Gadget”, escolha adicionar “Marcadores”.

No título coloque: “Nuvem de Tags”.
Obs.: Deixe apenas um widget de marcadores!

- Entre em “Layout” -> “Editar HTML”, procure (Ctrl + f) por:
]]>
- Cole o seguinte código ANTES:
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a:hover{text-decoration:underline;}
#labelCloud a, #labelCloud li a{text-decoration:none;}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color: #000;} /*para mudar a cor da letra de preto para branco substitua #000 por #FFF*/
#labelCloud .label-cloud li:before{content:"" !important}
- Procure: e cole o seguinte código ANTES:

Encontre: http://LINK DO SEU BLOG.blogspot.com, e substitua pelo link do seu blog.
Exemplo: http://meublog.blogspot.com

- Deixe a caixa de: “Expandir modelos de widgetsDESMARCADA! E procure:
- Substitua todo o código por:













- Teste e veja se está tudo certo! Salve.
Essa tutorial é de autoria do Templates Para Você, com pequenas alterações por Códigos Blog.
Um abraço a todos.

Nenhum comentário:

Postar um comentário