20 de nov de 2012

Tutorial: Colocando blockquote no blog

Tumblr_mbj65iom3s1rsi1s5o1_500_large


OiiiOiii gente!

      Bom, hoje vim ensinar como colocar Blockquote no blog...pra quem não sabe o que é isso aqui o que tanta gente quer colocar em seu blog mais não sabe o nome:

Texte: Oi gente!

 Viram? Então, eu vou ensinar como...
O efeito é bem legal não é? Gosto de usar o Blockquote  por ser fácil de usar e também deixar o post organizado! Então, vamos aprender como se faz? Cliquem em Mais Informações, e bom tutorial. :3






  Primeiro de tudo, entre no blog e clique na aba Design Feito isso, vá em Editar HTML, e tecle F3 ou Ctrl + F, e procure na caixa de busca:


]]></b:skin>
Quando achar, você vai colar esse código antes, ou do de baixo:

.post blockquote {
background: #efefef; /*Altere o fundo como preferir*/
border-left: 3px solid #ff4aa5; /*Altere a cor da borda como preferir*/
padding: 5px;
}

Esse código vai deixar o blockquote igual ao do blog, só alterar as cores!
E esse outro vai deixa ló com uma borda em toda a caixa:


blockquote {
border: 1px solid  #ff4aa5; /* 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;

 Se quiser arredondar os blockquotes, é só adicionar esse outro código abaixo delas:


 -moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}
Depois para usar, é só clicar onde nessa imagem abaixo mostra, no post:




Pronto, super fácil né? Agora seus posts poderão ficar mais organizados, e ficam simplesmente mais gostos de ler! Gostaram do tutorial de hoje? Beijinhos. :*


Fonte: Sweet Makeups



3 comentários:

  1. Ameio o post !! Beijuh

    meu-diario-de-glitter.blogspot.com

    ResponderExcluir
  2. Oi Parceira! Eu estava em HIATUS e hoje voltei cheia de mudanças!
    Quero que mude o nome e o link da sua página de parceiros!
    O que antes era "Pós Primavera" agora é "The Chata Cherrie" (ou só "Chata Cherrie") e o link agora é thechatacherrie.blogspot.com !
    Um beijo!
    Emi.

    ResponderExcluir
  3. Olá fofa!
    Esse tutorial é muito bom, eu usava bastante, mas depois esqueci de usar!
    Bom, estou seguindo, retribui? Beijos!!

    http://amodabarbie.blogspot.com.br/

    ResponderExcluir