1.8.11

Personalizando quote

Vamos aprender a personalizar os quotes do novo blogger. Originalmente, ele é sem graça e em branco; acaba não destacando nada. Veja:

Graças ao Blog Bulk, consegui um tutorial bem explicado e simples, então trago traduzido para vocês. Antes de qualquer modificação, lembre-se de fazer backup do modelo. Vamos lá?

Vá em Design > Editar HTML, procure por:
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
Vamos substituir por algum dos códigos abaixo, clique no título para visualizar o exemplo.

Exemplo 1:

.post blockquote {
border-top: 1px solid #FF82AB;
border-left: 1px solid #FF82AB;
border-right: 2px solid #FF82AB;
border-bottom: 2px solid #FF82AB;
background: #ffffff;
margin: 6px 20px 6px 20px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}
Exemplo 2:

.post blockquote {
border:1px dashed #DC143C;
background: #EEE0E5;
margin: 6px 10px 6px 10px;
padding: 8px 8px 8px 8px;
font-size: 1em;
font-style:italic;
line-height:1.4em;
}
Exemplo 3:

.post blockquote {
color:#EE9A00;
border:5px dotted #000000;
background: #ffffff;
margin: 6px 6px 6px 6px;
padding: 8px 8px 8px 8px;
font-size: 1em;
line-height:1.4em;
}
Não consegue achar o código para substituir? Talvez seu templete seja um pouquinho diferente, então, cole ACIMA do código abaixo:
]]>
    </b:template-skin>
Altere as cores do jeito que você preferir! Espero que curtam!

Um comentário:

Brenda Serejo disse...

Amei seu post, obg pelas dicas!! bjos
Se quiser ver como ficou o meu blog, por favor acesse: http://sakurafiles-karochan.blogspot.com/ ok?

valeu XD