MT: Colocar gadget de posts relacionados personalizado

Olá! Fiquei quase uma semana sem postar, desculpem! Tive uma semana muito ocupada. Na próxima semana ainda devo de postar menos, porque vou ter testes todos os dias e muitos trabalhos.

O tutorial de hoje é sobre como colocar o gadget de postagens relacionadas e personalizá-lo. 

Normalmente aparece no fim do post, mas pode aparecer noutros sítios. 

1- Para colocares, basta ires a este site e preencheres a caixinha que está no lado direito. Depois clica em "Get Widget".

2- Irás ter a uma página onde explica como colocar o gadget. Clica em "Install Widget".

3- Depois é só arrastar o gadget para baixo das área de posts.

4- Voilá! Para personalizar basta ir ao html, procurar por ]]></b:skin> e colar acima este código.

.linkwithin_posts {width: 700px !important;}

.linkwithin_posts a {border: none !important;padding-right: 15px !important;background-color: #FF0;background-image: none;height: 200px;}

.linkwithin_posts a:hover{background-color: #FC3 !important;}

.linkwithin_title:hover {color: #F00 !important;text-decoration: none !important;}

A vermelho é a largura do gadget. A laranja é a cor do fundo do gadget sem ter o rato por cima, a amarelo é a cor do fundo gadget com o rato por cima. A verde é a cor das letras com o rato por cima.

Espero que tenham gostado, beijos!

Créditos ao Jackie Dream e Spazio DM.