30/07/2012

Personalizando o blockquote do blog [000]


Hayooo meus morangos!!!! Hoje irei mostrar como personalizar o seu blockquote do blog.
Para quem não sabe blockquote  é usado para organizar uma certa parte do texto exemplo códigos ou destacar algum assunto, como uso muito aqui no blog. Mas vamos lá mãos a obra.

Design >> Editar HTML (Antiga interface)
Modelo >> Editar HTML >> Prosseguir (Nova interface)
Então use o atalho Ctrl+F para achar ]]></b:skin>

Então quando achar em cima dele coloque o codigo abaixo:

Códigos
.post blockquote
{ background:url(SUA IMAGEM AQUI) ; /*Altere o fundo como preferir*/
 border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/ padding: 5px; margin:
10px 20px 10px 20px; } 


Prontinho a onde esta destacado em vermelho e a onde colocara o URL da sua imagem, caso não queira imagem apenas cor substidua o url(SUA IMAGEM AQUI) por

#código da cor

E só ter um pouco de criatividade que fica super bacana!!! Ate a proxima galera kiss

2 comentários:

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345