12 de set de 2009

Dando estilo ao blockquote que vem no Blogger

Ao menos o template Minima já vem com esta opção, e acredito que todos os outros devam vir também já que o Blogger, no editor de textos tem esta opção já incorporada a barra de ferramentas. Para usa-la basta que após escrever o seu texto, você selecione a parte que quer que fique em destaque e clicar no ícone como mostra a imagem abaixo



Vá até a barra de ferramentas então, procure pelo trecho:

.post-body blockquote {

Após ele, cole o código abaixo de sua preferência.

Para esta aparência do seu blockquote





background: #cccccc;

*Para colocar outra cor de fundo, troque o código na cor vermelha.


Para esta aparência do seu blockquote




border: 6px double #cccccc;
padding: 8px;



Para trocar a cor da borda, troque o código na cor vermelha
Para trocar a aparência da borda, troque o código na cor verde. AQUI tipos de borda

Para esta aparência do seu blockquote




border: 4px solid #cc0000;
background: #cccccc;



vermelho-------espessura da borda
rosa-------------tipo de borda
laranja----------cor da borda
azul------------cor de fundo


Para esta aparência do seu blockquote




background: url(AQUI O ENDEREÇO DE SUA IMAGEM) repeat;
padding: 8px;
font-weight: bold;


Código em vermelho, troque pelo endereço de sua imagem

Para esta aparência do seu blockquote






background: url(AQUI O ENDEREÇO DA IMAGEM) top left no-repeat;
border-right: 2px solid #000000;
padding-left: 96px;
font-weight: bold;

Código em vermelho, imagem
verde cor da borda
azul é a margem necessária para que as letras não fiquem sobre a imagem

3 comentários:

  1. Já tentei mil códigos de mil modelos diferentes de blockquote, mas ele não quer aparecer no meu blog. O que está havendo? Parece que está desabilitado, pq fica só um espaço em branco no lugar. :/ me ajuda?

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube