domingo, 20 de novembro de 2011

Nuvem de Tags Personalizada para o seu Blog







Para os que querem modificar a nuvem de tags - ou "Marcadores" - padrão do Blogger, abaixo seguem os procedimentos. O código original foi postado no blog Mamanunes


O que estou disponibilizando foi modificado - efeito sombreado ao passar com o mouse sobre o texto e cor preta para o texto selecionado.


Pois bem, vamos ao código:


Vá em Modelo...Editar HTML e procure pela linha de código abaixo:
<body>


Logo abaixo dela insira o seguinte código:

<style type='text/css'>
/*--- Bloco que determina alinhamento (eu uso central)---*/

.cloud-label-widget-content {
text-align:center;
}
/*---Espaço entre linhas e links----*/
.cloud-label-widget-content span {
display: inline-table;
line-height: 1.2;
padding: 0 0 0 5px;
vertical-align: middle;
}
/*---Tipo da fonte (letra)---*/
.cloud-label-widget-content span a {
font-family: Verdana;
font: normal;
}
/*--- Cor do efeito ao passar o mouse---*/
.cloud-label-widget-content span a:hover {
color:#000 !important; text-decoration:none; text-shadow: 2px 2px 2px #555;
}
/* --Propriedades de cada um dos 5 tamanhos de letra da nuvem-- */
.label-size-1 a {
color: #0066CC;
font-size: 11px;
}
.label-size-2 a {
color: #336699;
font-size: 13px;
}
.label-size-3 a {
color: #0099CC;
font-size: 14px;
}
.label-size-4 a {
color: #006699;
font-size: 17px;
}
.label-size-5 a {
color: #0099CC;
font-size: 20px;
} </style>

O resultado deverá ser igual a que está na sidebar deste blog.


Bem, por enquanto ficamos por aqui.


Um abraço e até a próxima!





Related Posts Plugin for WordPress, Blogger...

2 comentários:

  1. Muito bom o blog,o tutorial foi de muito bom proveito :)
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir
  2. Ola @Cris Luna
    É sempre bom e gratificante saber que o blog vem sendo útil a inúmeras pessoas, inclusive a você.
    Obrigado pelo comentário e seja sempre bemvinda por aqui;D

    ResponderExcluir

Se você gostou deste artigo poste um comentário!

Observações:
1º) Somente usuários com conta no Google poderão publicar seus comentários aqui no Blog do SM@rtiN.
2º) Todos os comentários serão avaliados pelo administrador do blog para posterior publicação.
3º) Os textos com conteúdo impróprio, ofensas e palavrões serão automaticamente excluídos. Se houver reincidência, o acesso do usuário ao blog será bloqueado.

Obrigado!