terça-feira, 6 de setembro de 2011

0 Como por um blockquote do blog?

Oiiii!!


Tumblr_lr3yc95cwe1qiub4ao1_500_large
Oi gente a pedido de uma leitora,através do último post,vamos finalmente fazer um tutorial,esse tutorial será como fazer um blockquote(essa caixinha em volta dessa mensagem)para por no seu blog então continue lendo para descobrir como.Vá em design>Editar HTML>Clique na caixinha expandir modelos de widget>aperte Ctrl+f e procure por: 
 ]]></b:skin> 
Quando achar vai aparecer bem destacado em laranja,verde ou outra cor dependendo do navegador que você esta usando,bom continuando,cole o código abaixo ANTES de   ]]></b:skin> 
.post blockquote {
background:url(
LINK DA IMAGEM DE FUNDO AQUI) ;
border:2px 
dashed #2b2a59;
padding: 5px;
margin:10px 20px 10px 20px;
}

Oque estiver em roxinho,como ja diz,é para você por o link da imagem que vai servir de fundo.
Oque estiver em amarelo você escolhe,qualquer um desses estilos abaixo:
dotted

dashed

double

groove

ridge

inset

outset

E agora escolha a cor da borda a minha no caso é rosa,nessa tabela você escolhe a cor da borda substitui #2b2a59 por #B0E2FF que é um tom de azul mas é importante que o blockquote seja de acordo do blog.Para usar o blockquote é so apertar no botão igual a da foto:

Agora é só salvar!Depois é só fazer uma postagem teste pra ver se esta tudo certinho!!Se não apague o código ou tente fazer de novo!
Beijinhos e boa sorte!!
Post by: Holly

 

Nenhum comentário:

Postar um comentário