03/05/2014

Tutorial: Como personalisar a Blockquote


Oi meus cuties >.<
Como já devem ter reparado eu mudei o layout daqui ;)
Gostaram?
Bom mas vamos ao que interessa ....


Antes demais vamos saber o que é um Blockquote:

Isto é um Blockquote :3

Vamos saber como aplicar-lo ao seu blog?
Vamos láh!

Primeiro vá a Modelo>Editar HTML
E aperte ctrl + f e coloque na barra de pesquisa a seguinte tag:
]]>
Acima da tag cole o seguinte codigo:

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

Pronto agora coloque o link da imagem e altere a cor da borda.
Se não quiser uma imagem como fundo e quiser uma cor substitua:
url(LINK DA IMAGEM DE FUNDO AQUI)
Por:
#codigodacor
Agora use essa tabela para saber o código da cor que quer (www)
E prontinho! Visualize e se não der erro salve.

Para usar aperte a opção "aspas": 


Espero que tenham gostado do tutorial.
bjs da sofia











2 comentários: