30/07/2012

Tutorial: Personalizar blockquote do blog

||

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:

.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:

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram