Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1495741411
Vida do cache: 1495784611
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

layouts Postagens

Blockquote – Citação nas postagens


O que é Blockquote?

    Blockquote O elemento é usado para indicar a citação de uma grande parte do texto a partir de outra fonte ou colocar um código em destaque, como faço aqui no Códigos Blog.

    Para colocar em destaque alguma parte do texto, basta usar a tag:  <blockquote> antes do texto e </blockquote> depois.

    • Exemplo:

    <blockquote>
    Texto em destaque aqui!
    </blockquote>

    Para deixar sua citação igual a do Códigos Blog (veja a imagem):

    Siga o tutorial abaixo….

    1º – Entre em “Layout” -> “Editar HTML”.

    2º – Procure (Ctrl + f) por : blockquote{
    Se você encontrar qualquer código css do blockquote delete tudo. Se não achou nada, pule essa parte.

    3º – Cole todo código abaixo ANTES de ]]></b:skin>:

    blockquote {
    border-left: 0px solid #c0c0;
    background: #eeeeee url(http://img99.imageshack.us/img99/2614/bgblockquoteht8ch6.gif) repeat-x;
    background-position: bottom;
    padding: 15px;
    margin: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-top: 5px;
    margin-bottom: 10px;
    line-height: 100%;
    font: normal .9em verdana, helvetica, sans-serif;
    color: #666666;
    }

    Teste, se não ocorreu nada de errado, salve!
    Pronto! Seu Blockquote está no ar!



    De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




    Gostou deste artigo? Ajude nosso projeto.
    Compartilhe em suas redes sociais nos botões abaixo:

    19 Comentários

    1. Interesting Thoughts Dude disse:

      Ola amigo, tenho acompanhado seu blog e acho muito interessante. tenho uma duvida que derrepente possa me ajudar. Voce sabe como chama aquele icone que fica na esquerda do browser? na sua pagina tem o do blogger e depois http://www.codigosblog.com.br. Tenho notado que alguns blogs tem este icone personalizado voce sabe como fazer isso? grato

    2. Teo disse:

      Ótima postagem. Estava procurando algum código para fazer uma caixa dessa maneira e caí aqui! Tutorial muito bem feito, já usei e aprovei!

      Abração!

      Teo
      http://insidethetech.blogspot.com/

    3. Paulo Estevão disse:

      Interesting…
      Favicon…
      aqui no Códigos Blog tem o código…
      abraços

    4. Magno Rocha disse:

      Muito bom! Consegui o que estava procurando, obrigado mesmo!

      ***
      Meu blog: selvabrasil.blogspot.com

    5. Portal Play disse:

      😀

    6. Emanuelle Najjar disse:

      Muito bom! Há tempos eu queria personalizar o blockquot mas não conseguia. Na verdade, eu não sabia que esse era o nome correto.

      Agora, eu consegui. Obrigada pela dica!

    7. Carlírio Neto disse:

      Saudações

      Trata-se de mais uma excelente dica de sua pessoa, auxiliando à todos os blogueiros interessados na mesma.

      Aproveitei e editei o meu blockquote em meu blog.

      Parabéns por mais esta grande dica!

      Até mais!

    8. MamaNunes disse:

      Gostei do seu modelo de bloquote. vou indicar la no Dicas da Mama. =)
      Abraços!

    9. ғ0rgəт▬mə▬n0t, disse:

      Pq meu blockquote não aparece? O original, que já vem no blogger não aparecia…aí coloquei esse pra ver, mas também não aparece. Fica em branco. O que há de errado? :/

    10. FORGET-ME-NOT, disse:

      Pq o meu não deu certo?? Acho que meu blockquote não está abilitado. ME AJUDEE!

    11. Paulo Estevão disse:

      Caso não funcione pessoal:
      Procure por qualquer estilo que contenha: blockquote
      Tipo: .post blockquote
      Delete tudo e depois cole o novo código.

    12. Alcabecinha disse:

      cara..tava mesmo procurando esse código…
      valeu mesmo…abraço

    13. Clube da risada disse:

      Muito bom o post, obrigado, me ajudou demais mesmo, abraços!

    14. Matheus G. disse:

      Olá eu uso este tipo de blockquote a um bom tempo mais a imagem de fundo parou de aparecer do nada, eu queria saber se estava hospedado em uma conta no imgshack e se por acaso você apagou sem quer, você poderia disponibilizar ela para mim?
      hospeda ela e me altera o link da imagem no post, pf preciso muito disso!
      Agradeço

    15. Rodrigo Santos disse:

      por que quando dou Enter ele não segue o texto na mesma caixa e cria outra?

    16. Paulo Estevão disse:

      ^^ Ela tá online novamente! hehehe

    17. Paulo Estevão disse:

      @Rodrigo,
      erro do editor do Blogger.

    18. Isa Moraes disse:

      Obrigada, me ajudou muito!

    19. Serve para wordpress também?
      porque eu não to conseguindo. hehe
      Abraço.

    Para enviar seu comentário, preencha os campos abaixo:

    Por gentileza, se deseja alterar o arquivo do rodapé,
    entre em contato com o suporte.