Personalizar blockquote do blog

|
Oi Cerejas! Hoje vou ensinar vocês a usar o blockquote do blogger.
Blockquote é tipo uma caixinha que você põe nos textos para destacar alguma citação.
Veja um exemplo:

Oi, eu sou um blockquote :)

Hoje vamos aprender como por isso no seu blog! É bem simples, basta fazer tudo certinho.
Abra seu blog, clique em Design > Editar HTML.
Aperte Ctrl+F e na caixa de pesquisa coloque:  ]]></b:skin>
Cole acima de ]]></b:skin> , o seguinte código:


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


Agora é só alterar conforme quiser. Substitua LINK DA IMAGEM DE FUNDO AQUI pelo link da imagem que vc quer por no fundo do blockquote.

Se quiser colocar apenas cor de fundo, substitua url(LINK DA IMAGEM DE FUNDO AQUI) por: #código da cor.
Mude também a cor da borda se quiser, é só alterar o código da cor. Pra aumentar a espessura da borda é só modificar 2px pelo valor que quiser.
Depois de modificar tudo, salve! ^^

Quando quiser usar o blockquote nos posts , é só clicar naquele botão com aspas:
image
Espero que tenham gostado! Kissus.
Related Posts Plugin for WordPress, Blogger...