30/07/2012

[Tutorial] Colocar/Personalizar Blockquote


Hello, amores! Hoje trago mais um tutorial para vocês. Fazia um tempinho que não trazia nenhum.. mas, a contar de hoje, toda segunda-feira postarei tutos (se tudo der certo). O tutorial dessa semana, como puderam ler no título, é de como colocar ou personalizar Blockquote. Ãhn? Blockquote? Blockquote é uma caixinha no post onde você pode colocar avisos, códigos e outras coisas. 
Essa caixinha, viram? 

Vamos aprender?

Clique em Ler todo o post.
Vamos lá. 

Vá em design, Editar HTML, Prosseguir e dê Ctrl + f ou f3 e procure na caixinha que aparecer por ]]></b:skin>.

Acima/do lado desse código cole este outro:
.post blockquote {
margin: 1em 13px;
background: #9AE3ED;   /*cor do fundo*/
border: 1px solid #E85A93;   /*cor da borda*/
border-left: 7px solid #E85A93;   /*cor da borda*/
padding: 8px;   /*espaçamento do texto*/
font-size: 10px;   /*tamanho da fonte*/
font-family: tahoma;   /*tipo da fonte*/
color: #000000;   /*cor da fonte*/
}
Altere o que está destacado.
O código das cores já prontas você pode pegar aqui, e o código das cores que você "criar" pegue aqui.

Não sabe como usar o block quote?
Simples, quando for fazer seu post, selecione este botão brilhante da imagem e escreva o que quiser que fique no Block Quote:


Gostaram do tuto? 
Dúvidas podem comentar que eu sempre responderei!

E mandem sugestões de tutoriais também, amores. ♥

Beijos




7 comentários:

  1. Respostas
    1. O que você não entendeu, mana?
      Me fala pelo face. ;)

      Excluir
  2. Amei ' esse Tutorial !!! Me ajudou Muito ... <3

    ResponderExcluir
  3. Entendi é que eu sou muito lerda rsrsrsrsrsrsrsrsrsrsrs =P
    acabei de fazer o tutorial,deu super certo!
    minhas-confissoes-2012.blogspot.com

    ResponderExcluir

Olá! Que bom que veio comentar ♥
Sinta-se à vontade, ok? Só seja educado, e eu sei que será! :)

Me encontre no YouTube: youtube.com/xbekaxxx
No Facebook: www.facebook.com/minhadistracao
E no Instagram: instagram.com/rebeca_kl