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 AQUIpelo 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:
Espero que tenham gostado! Kissus.
Olá meninas, quital aprendermos como personalizar o blockquote do blogger? É bem simpleeeeees, vou ensinar 2 formas de diferentes maneiras para você escolher. Primeiro vá até Design > Editar HTML e proucure pela tag ]]></b:skin>, logo acima dela cole um códigos abaixos.

blockquote {
border: 1px solid #c9c9c9; /* 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;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}
OBS: Caso não queira as bordas redondas, apague o que está em cor salmão.

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;
}
Espero que eu tenha ajudado vocês. Qualquer erro me comunique ok/ Beijão.
0 Comentários