Blockquote modelo 3 personalizado para blog | Quero Dicas | Tutoriais para seu blogs


Blockquote modelo 3 personalizado para blog


Eu já ensinei dois modos de personalizar o blockquote. Hoje eu trago o terceiro modelo. Quem já viu os outros dois modelos, já sabem como é bem simples instala-los e quem ainda não viu, abaixo deixo os links:

Este terceiro, é basicamente a mesma coisa que o blockquote anteriores, mas sem a imagem de fundo como no modelo 1. Ele é até mais fácil de personalizar e apesar de simples, dá um bonito visual. Vejam na imagem abaixo.


Você pode trocar as cores, fonte, largura das bordas e texto, além do espaço entre a margem. Gostou? Vamos ao tutorial...

   TUTORIAL

1 - Acesse o painel do seu blog

2 - Vá em Modelo e Editar HTML

3 - Tecle Ctrl + F e procure por:

]]></b:skin>
 


4 - Acima dela, cole o seguinte código:


.post blockquote {
border-bottom: 4px groove #00868B; /* cor da borda */
border-left: 4px groove #00868B; /* cor da borda */
background-color: #F0FFFF; /* cor de fundo */
padding: 10px; * espaçamento do texto */
font-size: 16px; /* tamanho da fonte */
color: #000; /* cor da fonte */
text-align: justify; /* alinhamento do texto */
}
   

5 - Salve e prontinho! Seu Blockquote está personalizado.

   PERSONALIZANDO



Como nas versões anteriores, eu deixei escrito ao lado de cada código para que servem. É muito fácil. Abaixo a tabela de cores.

Tabela de cores: Flextool

Não se esqueçam de comentar! Beijinhos
Me Contrate!


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com xingamentos entre outros, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.