Colocando e personalizando o Blockquote do Blogger

gente sabe aquelas caixinhas que várias pessoas usam para destacar uma citação? pois é trouxe um tutorial com várias para vocês escolherem de sua preferencia, clique em leia mais para ver o tutorial.

para quem ainda não sabe , blockquote é uma caixinha que se usa para destacar-se alguma citação .

exemplo: 

 o que você recebe é o que você vê .

primeiro abra seu painel de controle em seguida vá em designer > Editar HTML .
e  Aperte Ctrl+F e na caixa de pesquisa coloque: 

 ]]></b:skin>

se você quiser esse:

logo  acima da tag ( ]]></b:skin> ) coloque:

.post blockquote { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8qSnlIt6dT72NK46s-EgH-5xiLZdXzBBsC8S-83gYnsmsU-CMPRKoUsUP9zYin02ixdbEAlzo_LdoXxq21_dfZOrb_P_vUDTtuc3jn7TtmoeO0QBqWd2r11-Zn3NeCaABwcxoXKh9pZw/s1600/cinza.gif) ; /*Altere o fundo como preferir*/ border:1px dashed #FF0066; /*Altere a cor da borda como preferir*/ padding: 5px; margin:10px 20px 10px 20px; } 

se você não quiser Background, e só alterar o LINK DA IMAGEM DE FUNDO,
por:

 #códigodacor..

Se você quiser usar esse aqui: 

acrescente este código:

blockquote {border-left:#33CCCC 7px double;
background:#E5E5E5;
color:#000000/
padding-left:15px;
padding-top:10px;
padding-bottom:10px;}

se você quiser esse:

acrescente esse 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 não quiser borda retire a parte destacada em vermelho.


se você quiser esse:

acrescente esse código:

blockquote {
border-bottom: 1px dashed #33CCCC;/* 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;
}

se você quiser esse:

acrescente esse código:

blockquote {
border-left: 5px solid #c9c9c9; /* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 12px;
font-size: 12px; /* tamanho da fonte */
font-family:courier;
color: #333333; /* cor da fonte */
overflow:auto;
}

lembrando que as partes destacadas em vermelho é para vocês trocarem pelas cores que vocês preferirem beijos e espero ter ajudado alguém!

pra usar o seu blockquote basta clicar no íncone das aspas .