Blockquote do Blogger personalizado

| |
554710_10150961367074454_482055260_n_large
Yoo Pikachu's, (*u*)  neste post estarei ensinando a colocar um "Blockquote" personalizado em seu blogger, mais antes disso direi primeiro o conceito sobre o que é um blockquote e para que serve.
Blockquote também conhecido entre blogueiros como citação serve para destacar um texto ou algo do genero importante, eu particularmente utilizo o blockquote como destaque dos códigos html/css/javascript etc...
Exemplo de meu Blockquote

Então, chega de conversa e vamos ao tutorial...
 - Vá em Design Editar HTML.
 - Agora aperte Ctrl + f  (atalho de busca) e procure por:
.post-body   
 - Cole este código logo abaixo de .post-body
 .post blockquote {
background:url(LINK DA IMAGEM DE FUNDO) ; /*Altere o fundo como preferir*/
border:1px dashed #666; /*Altere a cor da borda como preferir*/
padding: 5px;
margin:10px 20px 10px 20px;
}
Como Editar:
 .post blockquote {
background:url(LINK DA IMAGEM DE FUNDO);
border: (borda) 1px (largura da borda) dashed #666 (cor da borda);
padding: 5px (aumentará o tamanho do Blockquote) - aconselho não mexer, está adequado (^^);
margin:10px 20px 10px 20px;
}

4 comentários:

- Comentários em que há apenas divulgação de seu blog, será deletado. Há menos que haja sua opinião sobre o assunto.
- Comentários em que encontra-se ofenças, floods serão deletados.