Páginas

terça-feira, 26 de julho de 2011

Tutorial:Personalizar blockquote do blog


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.
Aqui no blog, eu uso ele nos códigos.  Veja um exemplo abaixo:
Exemplo do blockquote
É 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! *o*
Quando quiser usar o blockquote nos posts , é só clicar naquele botão com aspas:

Nenhum comentário:

Postar um comentário

Eu adoro ler os comentários de minhas leitoras, mas antes de comentar leia as seguintes regras:

1º É proibido usar palavras de baixo calão.
2º Não ofenda ninguém.
3° Não procure brigas.

Ao infringir alguma dessas regras, o comentário será deletado.

Fora isso meninas, comentem bastante.
Lembre-se de deixar o link do seu blog abaixo do seu comentário, porque com certeza eu irei visita-lo.

Beijinhos!!!!♥♥♥