Colocando sombra no blog

http://weheartit.com/entry/62863156/via/Erica_Judd

OOOOI!!! Trago um tutorial para explicar  como e onde aplicar sombras no layout do blog. Os códigos são simples. Pode colocar no titulo das postagens, gadgets, área das postagens, sidebar, imagem. É muito legal pois deixa o blog com um efeito a mais *-*
Dica: O código que vamos mexer está em azul, geralmente quando você abre "Editar HTML" aparece as letras de outras cores. A explicação dos códigos está no fim do post.

Texto do post com sombra
Vá em modelo, editar HTML, aperte ctrl + f e escreva

.main-inner .column-center-inner {

 Apos achar o código acima, cole em baixo  isto:

text-shadow:#767676 0px 0px 1px;

Em texto determinado aplique este código (Por exemplo no HTML de uma postagem):

<div style="background:#E6E6FA; color:#4682B4; text-shadow: 1px 1px 0px #000;">Texto Aqui</div>

Sombra no titulo do post

Procure por

h3.post-title {

e adicione a parte destacada

h3.post-title {
font: $(post.title.font);
color: $(post.title.text.color);
text-shadow:0px 2px 1px #DDDDDD; }

Sombra na sidebar

Procure por

sidebar .widget {

Cole o código destacado

.sidebar .widget {
  border-bottom: 2px solid $(widget.border.bevel.color);
  padding-bottom: 10px;
  margin: 10px 0;
box-shadow: 1px 4px 19px 2px #CFCFCF;}

Sombra nos links

Procure por

a:link {

coloque a parte destacada

a:link {
  text-decoration:none;
  color: $(link.color);
text-shadow:#767676 0px 0px 1px;}

Explicando:

text-shadow:0px 2px 1px #DDDDDD; 

Roxo: Posição da sombra

Azul: Borrado da sombra

Verde: Cor em HTML da sombra.
Para você saber as cores, clique aqui.

Créditos: Extras Place Fame, Other Things Attitude Included, Mundo Blogger.

Beijos

Erica Lima♥