Modelos de Blockquotes (citação em bloco) - Dicas Blogger '+g+"
Home » Template/Layout » Modelos de Blockquotes (citação em bloco)
Modelos de Blockquotes (citação em bloco) 10 6 99
Em linguagem web, blockquote ( ou simplesmente quote) é um recurso em HTML, utilizado para destacar parte de um texto ou para citar, dar referência a algo ou alguém. Em português, usa-se a denominação citação ou bloco de texto.
O blockquote não é usado somente em páginas da internet, sendo muito comum em livros, revistas, jornais e em toda forma de tipografia.
Segundo definição da Wikipedia:
Um bloco de citação (também conhecido como uma citação longa ou extrato) é uma citação de um documento escrito, que é definido fora do texto principal como um ponto distinto (ou bloco) (…) Bloco de citações são geralmente distinguidos visualmente utilizando o recuo , um diferente tipo de letra ou tamanho menor.
Como vocês podem notar, eu acabei de usar o blockquote para citar o texto acima.
Para usar blockquote no editor de textos do Blogger, passe o mouse sobre a área que será destacada e clique no ícone Citação (figura 1). Para usar no Windows Live Writer, procure por citação em bloco (figura 2)
Para mudar o modelo de blockquote dos templates do Blogger ( e eu acho que isso serve também para Wordpress), precisamos usar alguns códigos em CSS.
Antes de mais nada, entre no editar HTML do Blogger e procure por algo assim:
font:$quoteFont;
Todo o trecho deverá ser substituído por outro modelo de sua preferência.
Fonte: Css Tricks - Better Blockquotes
Aqui estão as duas imagens utilizadas nos modelos acima. Salve-as em seu computador e faça o upload no Picasa Web ou no serviço de hospedagem que preferir. Depois é só copiar a url e colocar nos locais indicados (em vermelho)
Fonte: Css NewBie- Six Ways to Style Blockquotes
font: italic 120% Georgia, "Times New Roman", Times, serif;
E este é o atual modelo usado aqui no Dicas Blogger:
border-left:2px solid silver;
Fazendo uma busca no Google, vocês vão encontrar ainda mais modelos.
Avelino 13 de julho de 2010 19:43
Gostei de um em particular e já coloquei em meu blog,mais nos templates padrão do blogger incusive no meu é .post blockquote{
Brian Luis 13 de julho de 2010 20:48
São muito legais os medelos, parabéns e obrigado! Gostei de todos, são legais. Já coloquei em meu blog.
Bruno De Blasi 13 de julho de 2010 21:12
Boa idéia, outra coisa que você poderia falar é como fazer uma Footer Bar (Barra de Créditos) que você usa nos seus temas.
Unknown 13 de julho de 2010 21:43
Amei essas citações, mas eu prefiro a do DB 3.0
Anselmo 13 de julho de 2010 22:13
Ia comentar tanta coisa aqui que acabei fazendo um post:
Citação no blog: Como mudar o modelo de blockquote no Blogger?
[...]As citações, de uma maneira geral, não podem corresponder a mais da metade do conteúdo de um post.[...] Juliana e Nospheratt juntinhas? Claro que temos, afinal, isso aqui é a internet:[...]
E pela milésima vez: VLW o/
Thiago 14 de julho de 2010 05:51
Nossa, você leu meu pensamento.. =D
Eu eu ia justamente procurar isso quando vi o feed do dicas blogger...
EJM 14 de julho de 2010 14:13
O que eu uso no meu blog é bem diferente desses, mas é bem bonitinho. O código é esse:
background:url(http://lh4.ggpht.com/_Kwwy9VyLMKw/S0oadU3AuZI/AAAAAAAAClM/dKrfBZiFtq4/open-quote.gif) no-repeat;
font:italic 1em Georgia, "Times New Roman", Times, serif;
by Gui > blog EJM | @gjEJM
Matheus 14 de julho de 2010 18:21
Não deu certo no meu blog... Me deu uma raiva que quando coloquei no meu blog de testes funcionou ¬¬
Split-Soul 14 de julho de 2010 20:45
Sim, obrigado muito pela informação a tempos queria um blockquote descente pro meu blog,
mas logo vi que não tinha dado certo por que não havia aquele trecho que se tem que procurar,então pensei na possibilidade de entrar no design do modelo e adicionar com um simples css e deu certo!
pra vocês que não conseguiram tambem é só pegar um desses modelos acima e colocalos como css no design do modelo e quando quiserem faser uma citação poderam notar que deu certo!
Matheus 15 de julho de 2010 14:17
Eu fiz isso, coloquei o código através do Designer do Modelo. Mas eu não sei o que aconteceu que ele não está funcionando, fica o blockquote original do Blogger...
Andréa Motta - Conversa de Português 22 de julho de 2010 12:08
Boa tarde, Ju. Eu tentei instalar o código no meu blog, mas não consegui, pois não achei o trecho no html. Fiz uma pesquisa rápida, aqui mesmo no Dicas, e encontrei um outro artigo semelhante a este, em que você fazia a seguinte observação: "Caso não exista este trecho no seu template, basta criá-lo antes da tag ]]> "
Ana Flor 17 de setembro de 2010 20:48
Quando troquei meu template tive tanto trabalho que jurei que nunca mais o faria.
Mas toda vez que você lança um novo, fico bem balançada.
Eu acho que já disse isso. Mas acontece sempre.
Raphaela Pimentel 30 de setembro de 2010 06:10
Juliana não estou achando a citação bloco 2
Everton assis 5 de novembro de 2010 17:49
juliana como faço pra coloca um blockquote no meu template , ele nao veio com blockcote no html. obgrigado
Gabriele Santos 23 de novembro de 2010 20:05
não conseguir colocar no meu ¬¬'
aushushusha
não achei o código blockquote ¬¬'
uso o modelo simple do novo blogger
Anônimo 30 de dezembro de 2010 16:13
Julian estou tentando mudar o Blockquotes do meu blog, mas não estou conseguindo.. Acho que é porque uso um dos novos modelos da blogger!