Como fazer e personalizar Blockquote


O blockquote serve para você postar um quote (frase) ou destacar algo importante em um texto. É muito usado em sites, blogs e tumblrs.  

Se você estiver fazendo para blogger, vá na parte EDITAR HTML >>> APERTE CTRL + F e digite ]]></b:skin> e cole o código logo abaixo.

blockquote {
border-bottom: 3px solid #372a19;
background-color: #d6cfbe; 
padding: 15px;
font-size: 11px; 
color: #958676; 
text-align: justify;
} 

Quando quiser que ele apareça, basta clicar em QUOTE em seu site e/ou blogger. 

Se você usa um site que não tem esse tipo de opção, coloque o código acima na parte de css da sua página e quando você quiser que ele apareça, escreva dentro disso:  <blockquote>ESCREVA AQUI</blockquote>

Vejam um exemplo de como pode ficar:

Apenas testando, teste, testando, teste, testando, teste, testando, teste,testando, teste, testando, teste,testando, teste, testando, teste,testando, teste, testando, teste,testando, teste, testando, teste.

Basta trocar as cores, acrescentar ou mudar a borda e pronto.

Por: Pâmela Sampaio em 08/04/2014
Não reproduzam o tutorial e se for útil, deem os créditos!


Facebook Twitter Pinterest Google+ Email Addthis