Códigos Blog

Pesquisar este blog

Carregando...

Receba atualizações por e-mail:

Paulo Estevão
29 Janeiro 2009 às 2:52 PM


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!

    Receba nossos posts por feed ou email

    Assinar feed

    Postagens recomendadas:

    18 Comentários:

    1. 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
      ResponderExcluir
    2. Ó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/
      ResponderExcluir
    3. Interesting...
      Favicon...
      aqui no Códigos Blog tem o código...
      abraços
      ResponderExcluir
    4. Muito bom! Consegui o que estava procurando, obrigado mesmo!

      ***
      Meu blog: selvabrasil.blogspot.com
      ResponderExcluir
    5. 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!
      ResponderExcluir
    6. 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!
      ResponderExcluir
    7. Gostei do seu modelo de bloquote. vou indicar la no Dicas da Mama. =)
      Abraços!
      ResponderExcluir
    8. 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? :/
      ResponderExcluir
    9. Pq o meu não deu certo?? Acho que meu blockquote não está abilitado. ME AJUDEE!
      ResponderExcluir
    10. Caso não funcione pessoal:
      Procure por qualquer estilo que contenha: blockquote
      Tipo: .post blockquote
      Delete tudo e depois cole o novo código.
      ResponderExcluir
    11. cara..tava mesmo procurando esse código...
      valeu mesmo...abraço
      ResponderExcluir
    12. Muito bom o post, obrigado, me ajudou demais mesmo, abraços!
      ResponderExcluir
    13. 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
      ResponderExcluir
    14. por que quando dou Enter ele não segue o texto na mesma caixa e cria outra?
      ResponderExcluir
    15. ^^ Ela tá online novamente! hehehe
      ResponderExcluir
    16. @Rodrigo,
      erro do editor do Blogger.
      ResponderExcluir

    Adicione seu comentário nesse post.
    - Não aceito comentários anônimos;
    - Não aceito parceria! Caso tenha uma boa proposta, entre em contato;
    - Antes de pedir ajuda sobre o tutorial, tente fazer sozinho e tenha certeza que seguiu todas as etapas corretamente.
    - Comentários irrelevantes não serão aceitos.

    Muito obrigado por sua visita. Volte sempre!

     
     
    Blogger
    Muitas dicas para você usuário da plataforma Blogger
    WordPress
    Leia artigos sobre a plataforma de blogs WordPress
    Dinheiro
    Aprenda várias formas de ganhar dinheiro com seu blog
    Design
    Modifique e faça agora um blog moderno, único e interativo
    Dicas
    Várias dicas atuais de como ter um blog de sucesso
     

    Onde estamos

    Divulgue



    Últimas Postagens