Personalizar Blockquote no Blogger

Blockquote é o elemento que usamos para indicar uma citação de parte de um texto de outra fonte ou para dar destaque em alguma parte do texto dentro do post.
Ele é muito útil, pois serve para diferenciar as citações que você queira fazer em seu post.


Veja um Exemplo abaixo:

Este texto está destacado pelo função Blockquote.

Se você quiser ativar a função Blockquote para diferenciar partes de textos em suas postagens, deverá aplicar os estilos dentro do CSS do seu template.
Os templates padrões do Blooger já vem com esta função ativada, porém não possuem estilos configurados, isso você terá que fazer manualmente.

Clique na aba "Layout" e entre na edição HTML do seu template, não precisa clicar em "Expandir modelos de widgets" e procure por: (Você pode ultilizar CTRL+F para facilitar sua busca)

.post blockquote {

e acrescente as linhas de estilo logo abaixo desta linha:

background:#a5a3fd ;  /*Altere a cor do fundo como preferir*/
border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/
padding: 5px;
margin:10px 20px 10px 20px;

Deverá ficar assim:

.post blockquote {
background:#a5a3fd ;  /*Altere a cor do fundo como preferir*/
border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/
padding: 5px;
margin:10px 20px 10px 20px;
}

Se no seu Template não possuir a linha .post blockquote
Copie todo o código postado acima e cole-o logo ACIMA de ]]></b:skin>
ou cole-o na àrea de estilos para Postagem que geralmente está em /* Posts

Lembrem-se:
Em "Background" e em "border" você deve colocar as cores correspondentes de acordo com as cores do seu template para que combinem.
No código acima utilizei cores apenas como exemplo para que você visualize o local que deverá incluir as cores.

Depois de aplicados os estilos, toda vez que você quiser destacar parte do texto em sua postagem basta clicar no desenho de "aspas" no modo de edição de sua postagem.



Em "Editar Html" a função Blockquote é representada pelas tags:
<blockquote></blockquote>

Se você preferir utilizar o modo HTMl para colocar em destaque alguma parte do texto, basta usar as tags dessa maneira:

<blockquote> Seu texto em destaque aqui </blockquote>