Oi Pessoal
Vim dá uma ajudinha para todos aquele que querem colocar uma blockquote personalizada no
blog, vou ensinar para vocês como deixar a blockquete igualzinha a daqui do blog!
1º Vá em Modelo/Design, Editar HTML
2º Marque na opção " Expandir Modelos de Widget
3º Dê um Ctrl+F e procure por ]]></b:skin>
4º E Acima de código coloque:
blockquote {
border-left: 8px solid #f2016d;
border-bottom: 1px dashed #f2016d;
border-right: 1px dashed #f2016d;
border-top: 1px dashed #f2016d;
background-color: #000000;
padding: 10px;
font-size: 12px;
color: #ffffff;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
Código da Blockquote do Kawaii World!
Entendendo melhor o código:
background-color : Fundo da blockquote
padding : Espaço entre o texto e a borda (Acho melhor não mudar isso)
font-size : Tamanho da fonte
color: Cor da Fonte
text-align : Alinhamento
-webkit-border-radius: 4px;
-moz-border-radius: 4px;border-radius: 4px;
Borda Arredondada, se quiser deixar quadrado apague ou você pode aumentar o
numero para arredondar mais.
Fácil né fofas?
Espero que tenha ajudado (:
Ótimo tutorial , (:
ResponderExcluir~
Beijos ;*
http://blogthelifeofgirls.blogspot.com.br/
Muito bom o tutorial, bem util!
ResponderExcluirCamila ta lindo aqui *w*
Obrigada pela sua visita, ela é muito importante pra mim viu? Volte sempre amore♥
Blog
Sorteio-Anel Laço
Ótimo tutorial, bem explicado e muito útil ^^
ResponderExcluirKissus~~> http://blogthewonderland.blogspot.com.br/