02 março 2015

Blockquote modelo 3 personalizado para blog


Blockquote 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 de instala-los e quem ainda não viu, abaixo deixo os links:


Neste terceiro, é basicamente a mesma coisa que os blockquotes anteriores, mas sem a imagem de fundo como no modelo 1. Ele é até mais fácil de personalizar e 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

Antes de começarmos acesse a página de códigos para podermos começar o tutorial. Deixe-a aberta.
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 código CSS

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: AQUI

Não se esqueçam de comentar! 
Beijinhos

Nenhum comentário:

Postar um comentário

Amigos do Blog



Agregadores