Como usar botões coloridos no Blogger

Hoje vou mostrar como você pode usar botões coloridos no Blogger afim de deixar o seu blog mais elegante. Normalmente precisamos usar botões no blog, seja para o usuário baixar algum arquivo, acessar algum link fora do seu blog entre outras coisas.

No WordPress existem vários plugins que fazem esse serviço, já no Blogger não! Portante hoje vou mostrar como usar botões simples de tamanhos grandes, médios e pequenos nas cores: Azul, Verde, Vermelho, Roxo e Verde Mar.

Esses são os botões que vou mostrar como usar. Esses estão no tamanho médio.

Clique na imagem para ver um exemplo!

79878

Gostou? Quer usar o seu blog? Então vamos lá!

Colocando os botões no Blogger

1º Passo: Entre no painel de controle do seu Blogger e do lado esquerdo clique em “Modelo” e depois em “Editar HTML“:

124747787878

2º Passo: Clique levemente sobre o código do seu blog e aperte CTRL + F e pesquise por:

E acima dele cole o código abaixo e clique em “Salvar modelo“.

Deverá ficar mais ou menos assim como na imagem abaixo:

897895646

Com isso você instalou os botões no seu blog, agora vou mostrar como usar nas postagens.

Como usar os botões

1º Passo: Entre na postagem normalmente e faça sua postagem como sempre fez, digitando seu texto, imagens e vídeos e, quando precisar adicionar um botão clique em “HTML” e coloque o código do botão (que eu ainda vou mostrar mais abaixo) na postagem:

7895454564789

2º Passo: Como os botões são de tamanhos e cores diferentes cada uma deles é um código diferente. Abaixo veja os códigos de cada uma deles. As cores estão descritas no final dos códigos:

Botões Grandes

Botões Médios

Botões Pequenos

3º Passo: Assim que escolher o seu botão substitua o texto “LINK” pelo link que o botão vai abrir, incluindo o http:// no começo: Exemplo:

http://www.facebook.com/EspacoBlog

E substitua o nome da cor pelo nome que será o seu botão como por exemplo “Download” ou “Acessar“.

Relacionados:

Ainda não há comentários.