29 de jan de 2013

O que é Blockquote e como usar?

Olá Anjos!

Atendendo a um pedido, vim falar um pouco mais sobre o blockquote, o que é, como usar e personalizar. Uma coisa muito simples, mas que faz toda a diferença em um post, pois podemos destacar alguma frase importante do post com ele, ou até mesmo colocar códigos e informações dentro dos blockquotes, como fazemos aqui. Mas afinal, o que é isso? No post de hoje vou explicar direitinho como essa ferramenta funciona.


O que é o Blockquote?


Blockquote nada mais é do que uma caixa de texto, que serve para dar destaque a alguma coisa importante da sua postagem. Geralmente é usado em citações, códigos, tutoriais, avisos, etc. e se diferencia do resto da postagem devido a personalização que ele recebe, ou não, apenas destacando a frase pelas margens e alinhamento com o texto. 
Veja o blockquote do Chá com Anjos:

"Uma pessoa pode sentir-se isolada, mesmo sendo amada por muita gente, só pelo fato de não ser a única de ninguém."
O Diário de Anne Frank
Essa frase dentro do quadrado acima é o Blockquote daqui do blog.

Como usar o Blockquote?


Usar o blockquote é muito simples, quando você estiver escrevendo sua postagem, selecione o texto que você quer destacar e clique na "aspas" localizado ao lado do ícone de lista.
Veja:

Nessa imagem, selecionei a frase com o mouse. Depois clique na aspas.

Depois de clicar, ela ficou assim:

Repare que, a frase dentro do quadrado vermelho — que é a que coloquei com o blockquote — mudou de posição. Isso é normal, acontece porque agora ela está dentro do Blockquote, e o blogger precisa mostrar isso ao autor, para que ele não se confunda. 

Quando eu postar, vai ficar assim:

Obs: atualmente o layout não está mais com esse blockquote
O texto fica alinhado na esquerda pois meu Blockquote está configurado dessa maneira. Fica mais fácil esse estilo no blog porque deixa os códigos na mesma linha.

Resumindo, o texto só vai ficar destacado se você colocar para destacá-lo. O blogger não escolhe o que destacar para você.

Como personalizar o Blockquote?


Já ensinei aqui várias vezes como personalizar um Blockquote. Você deve colar um código acima de /b:skin com a tag .blockquote ou .post blockquote. Veja os tutoriais:


Qualquer dúvida fale comigo.


4 comentários:

  1. Indireta no começo mode: ON
    Foi uma das primeiras coisas que aprendi em HTML O.O, fui pesquisando cada termo e esse era um dos primeiros, como pode ter gente que não sabe o que é?

    ResponderExcluir
    Respostas
    1. As vezes tem que mandar um indireta básica ushaushahu'

      Também foi uma das primeiras coisas que aprendi, viva olhando nos blogs dos outros como faziam aquelas caixas e comecei a fuçar ^^

      Excluir
  2. Obrigada, obrigada, obrigada! Fui eu que pedi, Marina.

    ResponderExcluir
    Respostas
    1. Foi você quem pediu xD

      Conseguiu entender?

      Excluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!