Personalizando o Blockquote

  Bom... Muitos Layouts não tem o blockquote que combine exatamente com o blog e tem alguns que nem tem blockquote. Vou ensinar como coloca-los e como deixa-los com a sua cara

1. Primeiro abra o modelo do seu blog e clique em editar HTML e depois clique em expandir modelos de Widget e procure por ]]></b:skin> e ACIMA dele cole o código.


Se você quiser que fique igual o modelo abaixo cole o código:

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 0px;
-webkit-border-radius:20px 0px;
border-radius:20px 0px; 

}

Se você quiser que fique igual o modelo abaixo cole o código:

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+*/
} 

Se você quiser que fique igual o modelo abaixo cole o código:

post blockquote {
background: #F5ECED;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-right: 5px solid #FF9B8B;
font-size: 13px;
text-align:center;
}

Se você quiser que fique igual o modelo abaixo cole o código:

blockquote {
border-right: 10px solid #f99db3;
border-left: 10px solid #f99db3;
background-color: #f5f2f3;
padding: 10px;
font-size: 12px;
color: #e193a6;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
box-shadow: inset 0 0 15px #ecebeb, 0 0 5px #d2d1d3;
}

Obrigado ao Princess Tutoriais pelo Tutorial