Personalizando a Bloquote

 Créditos ao Just Debee.

 krk mlk, olha lá uma coisa!!11!!onze!

 Bom dia cupcakes com morango 

 Tudo bem com vocês? Espero que sim. Hoje vim trazer um tutorial bem legal, que personaliza o blog e te ajuda á colocar aqueles recadinhos pras leitoras.
 O tutorial é de como personalizar a bloquote. Não sabe o que é bloquote? Bloquote é...

...isso aqui. 

 Agora vamos ao post?

 Vá em Design Editar HTML Tecle Ctrl+F e procure por ]]></b:skin>
 Aí é só você escolher o modelo de bloquote que quer e colar o código dela acima da tag encontrada. Os modelos eu editei segundo os que eu achei lá no Just Debee, colocando sombra no 2º e 3º modelos. 

blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-box-shadow:5px 4px 10px #ccc;
-webkit-box-shadow: 5px 4px 10px #ccc;
-khtml-box-shadow: 5px 4px 10px #ccc;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=120,strength=4)";filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=120,strength=4);
}

blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
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*/
}  

blockquote {
border: 1px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius:20px 0;
-webkit-border-radius:20px 0;
border-radius:20px 0;
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*/
}

 Mas e aí você não sabe usar a bloquote. Deixa que eu te ajudo! É só você clicar nesse ícone:

 Que fica naquele ~menuzinho~ das postagens, no qual você adiciona o Leia Mais, as imagens, os vídeos entre outros.

 E aí, gostaram? Espero que sim. O post de hoje é um que eu estava querendo fazer há muito tempo, até porque eu acho que a bloquote fica linda quando personalizada!
 É isso. Beijinhos com glitter :*