Tutorial - Blockquote Personalizado

Yoo ~

tanto tempo que não posto nada né ? Pois é , tô sem ideia para postagens :( , mais vou fazer o possível e o impossível para que eu consiga postar pelo menos 1 postagem por dia  n.n, crédito ao blog [www]

vamos lá .

1 - Vá em Design > Editar HTML > Aperte CTRL + F ou F3 e procure por : ]]></b:skin>

2 - Coloque o código a seguir acima de ]]></b:skin> para ter o Blockquote com esse efeito :

teste/ blockquote personalizado no blog.

/*---Início do blockquote personalizado pelo Blog das Meninas---*/

blockquote {

border: 1px solid #00BFFF; /* cor da borda */ 

background-color: #F8F8FF; /* cor de fundo */

padding: 10px;

font-size: 12px; /*tamanho da fonte */

color: #696969; /* cor da fonte */

text-align: justify;

-webkit-border-radius: 0px 9px 0px 9px; /*Pontinhas da Borda - não modifique se qusier o formato igual ao blockquote acima */

box-shadow: -2px 4px 15px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/

-moz-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/

-webkit-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/ 

-khtml-box-shadow: -2px 2px 5px #ADD8E6; /*Sombra do blockquote/ coloque os quatro igual ou não irá conseguir fazer o efeito*/

}

/*---Fim do blockquote personalizado pelo Blog das Meninas---*/