Novas postagens estão vindo, só que meu novo notebook tem teclado inglês, ou seja, sem acentos, e não quero fazer uma postagem ruim para vocês, então, vai demorar um pouquinho, já que vou ter que usar o computador de casa. Mas pelo menos eu estou de volta, hehe. :)

3 de janeiro de 2012

Tutorial - Personalizar Blokquote


Á pedido da Julia do NY, irei mostrar como personalizar blockquote (créditos das informações no final do post).
Vá em Design >> Editar HTML >> Ctrl+F/F3 e procure por ]]></b:skin> e cole acima da tag um dos códigos abaixo:
1º tipo:

 blockquote {
border-bottom: 1px dashed #33CCCC;/* cor da borda */ 
background-color: #efefef; /* cor de fundo */ 
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
}

Ou:

.post blockquote { 
background:url(LINK DA IMAGEM DE FUNDO AQUI) ; /*Altere o fundo como preferir*/ 
border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/ 
padding: 5px; 
margin:10px 20px 10px 20px; 
}
 Obs: se você não quiser que seja uma imagem como plano de fundo do blockquote, substitua o "url(LINK DA IMAGEM DE FUNDO AQUI)" por #códigodacor (eu recomendo este site).

Ok, tia Mandy, mas como eu coloco blockquote na postagem?
Simples assim: na área da postagem (onde tem forma de letra, tamanho de letra, link, imagem, etc), tem "duas aspas", clique lá e pronto, imagem abaixo explicando melhor:


Ajudei? Beijos!

Um comentário:

Regrinhas dos comentários:
-Pode divulgar seu blog, mas pelo menos conte o que achou da postagem.
-Deixe o link do seu blog/site para que possamos retribuir o comentário.
- Não são permitidos xingamentos e termos chulos.

Comente a vontade!

.