Blogger: Diversos botões em CSS3 para seu blog

   Olá caros leitores, hoje o meu dia estava meio desanimado, estava sem ideias. Então criei um código simples e elegante para qualquer blog suportante a plataforma Blogger. Botões, tais que servem como botão de demostração, link, expansível, entre outros.

Dica: Iremos mexer no HTML do seu blog, ou seja, dentro do template, eu recomendo que você faça um backup do seu template e;ou teste em um blog de testes;

Escolhendo o estilo

    Criei diversos estilos de cores, não são muitos. Podem haver atualizações e vim mais estilos e cores. O esquema é: clique no link do estilo de botão que você gostou, deixe a página aberta em uma nova aba ou janela, que daqui a pouco iremos precisar do código.









 





Instalando o botão

  Após ter escolhido o estilo, deixe em uma aba aberto o código, após entre no Blogger, faça seu login, vá até a página Modelo (Painel > Mais Opções > Modelo) clique em Editar HTML, e procure pela seguinte tag:

]]></b:skin>

  E acima coloque o código do botão escolhido.

Salve, e pronto já está instalado. 

Como usar o botão

   Após a instalação, vamos aprender agora como usar o botão. Para adicionar é necessário somente mudar o pedido no código abaixo e publicar o botão

<div class="botaoblog"><a href="link-do-conteudo">Conteúdo</a></div>

Pronto!!!

Observação (importante)


Esse código contém direitos autorais do Amotrix, criado pelo programador e designer Matheus Amorim, com conhecimento de CSS3. Por favor, caso for publicar esse artigo em seu blog, por gentileza, publicar também a fonte do Amotrix. Obrigado, bom proveito do botão.