NOVO: Personalizar LinkWithin (cores)

Veja também o novo modelo de personalização. Clique aqui.

Estava outro dia falando com minha irmã (sim, Denise, estou citando você, menina do "Balde de Glitter") que a gente deve ser ninja que não é possível... Hehehe...
Anteontem estava olhando as atualizações dos blogs que sigo (sim, eu olho todos) e vi no Spazio DM a possibilidade de mudar as cores do LinkWithin. Não sei o que foi, mas no meu querido DSM o código não "funfou" muito bem... não que ela tenha feito o código errado, ao contrário!!! Agradeço por ter feito a postagem que me ajudou hoje.
Como vocês sabem bem, eu não sou nem nunca vou ser daquelas que usa um código e quando não funciona simplesmente esqueçe. Tratei logo de acionar meus "poderes ninja" (auxiliada pelo querido Inspecionar do Firefox) e futucar os códigos do LinkWhitin. Depois de olhar um pouco, acrescentei quatro códigos (veja como está maior que o original), retirei algumas coisas e cheguei ao resultado atual, que ficou assim:

Agora me diz: eu sou ou não sou ninja??? Hehehe...

Personalizar as cores do gadget LinkWithin:

Para quem não sabe ou não se lembra, eu já tinha feito um tutorial de personalizar o texto e a posição do LinkWithin, ou seja, como trocar o texto daquele título maior de cima e como colocar o gadget abaixo do rodapé de postagem (pois antes o meu ficava em cima do "Leia Mais" e eu achava super esquisito).
Mas agora vamos aprender de uma forma bem simples como mudar as cores e as fontes desse gadget. Se você souber mexer em HTML pode até mudar outros aspectos, se quiser.

Lembrando que antes de fazer qualquer mudança no HTML de seu blog, recomenda-se que se faça antes num blog de testes ou que você salve seu template atual.

1. Entre em Modelo > HTML;
2. Clique em qualquer parte de seu HTML e aperte "Ctrl + F" no seu teclado;
3. Copie o seguinte código: ]]></b:skin> cole-o na caixinha que abriu (Search) e aperte a tecla "Enter";
4. Antes do trecho destacado, cole o código seguinte:

.linkwithin_text {
    margin: 0px !important;
    border: 0px none !important;
    padding: 10px 5px 8px !important;
    text-align: left !important;
    font-weight: bold !important;
}

.linkwithin_inner {
    margin: 0px !important;
    border: 0px none !important;
    padding: 0px !important;
    width: 477px !important; /*Tamanho do seu LinkWithin*/
    background: none repeat scroll 0% 0% mistyrose !important; /*Fundo do gadget*/
    border-radius: 0.5em 0.5em 0.5em 0.5em !important;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em !important;
    -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em !important;

    box-shadow: 0pt 0px 1px rgb(102, 102, 102) !important;
    -moz-box-shadow: 0pt 0px 1px rgb(102, 102, 102) !important;
     -webkit-box-shadow: 0pt 0px 1px rgb(102, 102, 102) !important;

    color: palevioletred !important; /*Cor da fonte do título maior*/
    font-size: 18px !important; /*Tamanho da fonte do título maior*/
    font-family: Coming Soon !important; /*Fonte do título maior*/
}

.linkwithin_img {
    width: 100px !important; /*Largura das imagens dos posts*/
    height: 100px !important; /*Altura das imagens dos posts*/
    margin: 0px !important;
    border: 0px none !important;
    padding: 0px !important;
    box-shadow: 0pt 0px 1px rgb(102, 102, 102) !important;
}

.linkwithin_title {
    margin: 0px 0px 0px !important;
    border: 0px none !important;
    padding: 0px !important;
    color: palevioletred !important; /*Cor da fonte dos títulos dos posts*/
    font: 10px arial black !important; /*Tamanho e fonte dos títulos dos posts*/
    text-align: center !important;
}

.linkwithin_posts a {

    border-right: 1px dotted palevioletred !important; /*Borda entre os posts*/

    padding-right: 0px !important;

    background-image: none;

}

.linkwithin_posts a:hover{

   background-color: white !important; /*Cor do fundo dos posts quando passamos o mouse*/

}

.linkwithin_title:hover {

   color: black !important; /*Cor dos títulos dos posts quando passamos o mouse*/

   text-decoration: none !important;

}

Os códigos em negrito são os que você pode personalizar de acordo com seu gosto (as explicações estão ao lado de cada um), só mexa nos outros códigos se você tiver certeza do que está fazendo. Os códigos em verde deixam as bordas redondas e os em azul colocam sombra nos lugares especificados. Se não quiser algum, é só apagar.
Visualize para ver se funcionou e depois clique em "Salvar Modelo". 

Amanhã teremos os "Blogs do Mês", não perca!!!

Mil Sweetkisses,