26 fevereiro 2015

Blockquote Personalizado para Blogger - Modelo 1

Blockquote Personalizado para Blogger

No começo da semana eu falei sobre o que é  Blockquote. Veja esta postagem e entenda melhor: O que é Blockquote (Citação) do blog e porque usá-la? e como prometido, estarei postando algumas personalizações de Blockquote para seu blog. 

Não vou alongar e darei logo o resultado.
Esta customização, você poderá alterar a imagem se desejar, a fonte, cor, a borda etc. Deixei tudo explicadinho ao lado de cada código, espero que gostem!

Veja a imagem, como ele está:


Eu achei uma gracinha com este fundo, mas  já informei, você poderá alterá-lo se quiser e como desejar.

Nota: Infelizmente, o modelo Travel não aceita o código. Não sei o motivo.

Não gostou desse modelo? Então veja esses outros:

► Personalizando o Blockquote do blog - Modelo 2

► Blockquote para blog - Modelo 3

Tutorial
Eu sempre recomendo fazer um backup do seu template, ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências a blogs de teste! Não sabe fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu blog.

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>

Dica: Para ser mais rápido a procura, 1º clique dentro do HTML depois use CTRL + F e na caixa de pesquisa cole o código.

4 - Acima dele cole o código CSS

5 - Salve e pronto!


Personalizando

• Como já devem ter visto, eu coloquei descriminando onde você deve alterar.

• Onde está:

http://2.bp.blogspot.com/-f-jHTadY2hA/VO4Ux9Vr23I/AAAAAAAAJmY/_qeFB_1Nlvo/s1600/blockquote%2B2.jpg

Será onde você poderá trocar a imagem, pela sua ou por uma cor sólida. Faça como desejar.

• Caso não saiba hospedar suas imagens, veja um dos tutoriais abaixo:

Como hospedar uma imagem gratuitamente na Web para seu blog

• Tabela de cores - AQUI

Beijinhos

Nenhum comentário:

Postar um comentário

Amigos do Blog



Agregadores