Blockquote – Citação nas postagens
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!
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 https://www.codigosblog.com.br. Tenho notado que alguns blogs tem este icone personalizado voce sabe como fazer isso? grato
Ó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/
Interesting…
Favicon…
aqui no Códigos Blog tem o código…
abraços
Muito bom! Consegui o que estava procurando, obrigado mesmo!
***
Meu blog: selvabrasil.blogspot.com
😀
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!
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!
Gostei do seu modelo de bloquote. vou indicar la no Dicas da Mama. =)
Abraços!
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? :/
Pq o meu não deu certo?? Acho que meu blockquote não está abilitado. ME AJUDEE!
Caso não funcione pessoal:
Procure por qualquer estilo que contenha: blockquote
Tipo: .post blockquote
Delete tudo e depois cole o novo código.
cara..tava mesmo procurando esse código…
valeu mesmo…abraço
Muito bom o post, obrigado, me ajudou demais mesmo, abraços!
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
por que quando dou Enter ele não segue o texto na mesma caixa e cria outra?
^^ Ela tá online novamente! hehehe
@Rodrigo,
erro do editor do Blogger.
Obrigada, me ajudou muito!
Serve para wordpress também?
porque eu não to conseguindo. hehe
Abraço.