Tutorial: Como mudar o blockquote do Blogger

Olá pessoal! Então neste post irei ensinar como personalizar/mudar/adicionar o blockquote no Blogger. É bem simples e acho que todo mundo deveria aprender, pois deixa o blog com uma cara mais fofa, além de ser útil para destacar partes importantes do seu post, como um tutorial, ou como o próprio nome diz, marcar alguma quote (que é citação em português). Bom, vamos lá? :)



1. Procure por:

]]></b:skin>

2. Cole o seguinte código acima do código mostrado no passo anterior:

.post blockquote {
background: #f7e4e6; /*Altere o fundo como preferir*/
border: 1px solid #f2445d; /*Altere a cor da borda como preferir*/
font-size: 10px; /* tamanho da fonte */
color: #5b250c; /* cor da fonte */
font-family: 'verdana', /* tipo de letra */
padding: 5px;
}

3. Caso queira um background no lugar de cor, no lugar de "background:" coloque:

background: url("link do backgroung aqui); 

4. Caso queira a borda em torno do blockquote mais grossa, aumente o "1px"

5. Se quiser que a borda seja apenas um traço, deixe "solid", para deixar tracejado deixe "dashed" e pontilhado "dotted"

6. Se não quiser borda, apague a linha e caso queira um traço do lado esquerdo do quote coloque "left" ao lado do border:

border-left: 1px solid #f2445d; /*Altere a cor da borda como preferir*/