Blockquote

Blockquote é um recurso usado para destacar certas partes da postagem como por exemplo um código que queremos compartilhar, um poema ou uma citação de terceiros, uma bibliografia.

O ícone dessa ferramenta é esse, aspas:

embora o Blogger o esteja chamando agora de Texto mensagens anteriores.

Eu uso um modelo da Elaine Gaspareto e você pode ver outros modelos dela aqui.

Se quiser mais opções pode ir ao blog Webunny ou no Sweet Magic.

O código do modelo que uso nesse blog é:

<style>

blockquote{

padding:20px 30px;

text-align:left;

background: #F4B8B8 no-repeat right;

color: #800000;

font-size: 16px;line-height: 1.4;

border: 0;

border-radius: 10px;

margin: 0 30px 10px;

display: block;

box-shadow: 11px 10px 0px #800000;

}

</style>

Em verde é a cor principal do blockquote.

Em azul é a cor usada na fonte e na sombra do container.

Para aplicá-lo precisamos adicionar o código acima no código fonte do blog e o caminho é Tema > Personalização > Editar HTML.

Coloque o cursor dentro da área do código, tecle ctrl F e na caixinha de pesquisa cole </head>:

Acima de </head> coloque o código, clique no disquete no canto superior direito e espere as mensagens aparecerem no canto inferior esquerdo:

  

  

Depois que adicionar o código do blockquote no código fonte do blog, abra o seu rascunho de post, selecione toda a área quer quer destacar e clique no ícone aspas:

Se por algum acaso a ferramenta Texto mensagens anteriores não funcionar, coloque o texto que quer destacar entre as tags <blockquote></blockquote>, troque para Visualização em HTML e cole o código no lugar desejado:

<blockquote> Seu texto aqui</blockquote>

<blockquote> Nota: Trecho adaptado da música "Saudação de Amigo", do Padre Zezinho.<br />
A autoria do texto tem vindo a ser erroneamente atribuída a Fernando Pessoa.<br />

O Pensador<br /></blockquote><br /><br />

Nota: Trecho adaptado da música "Saudação de Amigo", do Padre Zezinho.
A autoria do texto tem vindo a ser erroneamente atribuída a Fernando Pessoa.
O Pensador

O <br /> que coloquei após cada frase é a quebra de linha, ou seja, é o código que vai permitir que cada frase fique em uma linha diferente da outra. 

E essa tag só vai aparecer na visualização em HTML.

Troque as cores de acordo com seu blog ou escolha outro modelo nos sites indicados no início.

Dúvidas mande um e-mail.