Personalizando a Blockquote



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 (:

3 comentários:

  1. Ótimo tutorial , (:
    ~
    Beijos ;*
    http://blogthelifeofgirls.blogspot.com.br/

    ResponderExcluir
  2. Muito bom o tutorial, bem util!
    Camila ta lindo aqui *w*

    Obrigada pela sua visita, ela é muito importante pra mim viu? Volte sempre amore♥
    Blog
    Sorteio-Anel Laço

    ResponderExcluir
  3. Ótimo tutorial, bem explicado e muito útil ^^

    Kissus~~> http://blogthewonderland.blogspot.com.br/

    ResponderExcluir

Obrigado pelo seu Comentário! :)

- Comentarios do tipo Criticas e Sugestões são aceitos
- Pense antes de escrever alguma ofensa
- Leio, respondo e retribuo os comentários, mas da forma que merecer
- Comentários anônimos estão bloqueados