Recebi um e-mail de um leitor perguntando como personalizei a nuvem de marcadores aqui do "Vítima". Já tem tempinho que fiz essa alteração que permite mudar cor e tamanho da fonte. Como não lembrava mais tive que mergulhar nas entranhas do meu querido blog para tentar resolver este enigma. E, acabei encontrando o "responsável" por isso, rsrs...(não tenho mais a fonte original para dar o crédito) mesmo assim taí para você experimentar se assim desejar.
É só seguir com atenção as etapas:
1. No painel do Blogger, selecione a aba Design e depois clique em Editar HTML. Não marque a caixa Expandir modelos de widgets.
2. Quando abrir a página cheia de códigos malucos, procure por ]]></b:skin> (use Ctrl+F para ajudar) e imediatamente acima dele coloque o código abaixo.
<!-- Inicio personalizar marcadores nuvem -->
.label-size-5 a {color: #08da08; /*color of a label of class 5*/
font-size: 12px;
text-decoration: none;
}
.label-size-5 a:hover {color: #b841f5; /*color of a label of class 5 on hover*/
text-decoration: underline;
}
.label-size-4 a {color: #08da08;/*color of a label of class 4*/
font-size: 10px;
text-decoration: none;
}
.label-size-4 a:hover {color: #b841f5;/*color of a label of class 4 on hover*/
text-decoration: underline;
}
.label-size-3 a {color: #08da08;/*color of a label of class 3*/
font-size: 8px;
text-decoration: none;
}
.label-size-3 a:hover {color: #b841f5; /*color of a label of class 3 on hover*/
text-decoration: underline;
}
.label-size-2 a {color: #08da08;/*color of a label of class 2*/
font-size: 6px;
text-decoration: none;
}
.label-size-2 a:hover {color: #b841f5; /*color of a label of class 2 on hover*/
text-decoration: underline;
}
.label-size-1 a {color: #08da08;/*color of a label of class 1*/
font-size: 14px;
text-decoration: none;
}
.label-size-1 a:hover {color: #b841f5; /*color of a label of class 1 on hover*/
text-decoration: underline;
}
<!-- Fim personalizar marcadores nuvem -->
3. Em azul altere a cor hexadecimal e tamanho da fonte, em vermelho é a mudança da cor ao passar o mouse (efeito hover), em verde você pode colocar: none (sem efeito), underline (linha abaixo), overline (linha acima), line-trough (linha no centro) ou blink (piscando).
underline
overline
line-through
blink
4. Clique em VISUALIZAR para ver se está tudo OK e depois clique em SALVAR MODELO.
