12/02/2017

Código para colocar botão de uma cor com link no seu site ou blog

Nenhum comentário :

Se você está aqui é porque provavelmente você entrou em outras páginas e não achou ou esqueceu com se faz o código,mas para sua sorte vou mostrar os código abaixo para botões nas cores vermelho, verde, azul, preto, amarelo, laranja, rosa, marrom, cinza e lilás.Você deve simplesmente substituir a palavra Link pelo link e  Nome pelo nome que você deseja que apareça no seu botão e colocar no lugar que você desejar.

Vermelho

Copie esse código html <button style="background-color: red;"><a href="Link" rel="nofollow" style="background-color: red;" target="_blank"><span style="color: white">Nome</span></a></button>
Esse código preenchido com os dados do nosso site aparecerá assim:



Cinza


Copie esse código html <button style="background-color: grey;"><a href="Link" rel="nofollow" style="background-color: grey;" target="_blank"><span style="color: white">Nome</span></a></button>
Esse código preenchido com os dados do nosso site aparecerá assim:




Verde


Copie esse código html <button style="background-color: green;"><a href="Link" rel="nofollow" style="background-color: green;" target="_blank"><span style="color:white">Nome</span></a></button>
Esse código preenchido com os dados do nosso site aparecerá assim:




Azul


Copie esse código html <button style="background-color: blue;"><a href="Link" rel="nofollow" style="background-color: blue;" target="_blank"><span style="color: white">Nome</span></a></button>
Esse código preenchido com os dados do nosso site aparecerá assim:



Preto


Copie esse código html <button style="background-color: black;"><a href="Link" rel="nofollow" style="background-color: black;" target="_blank"><span style="color: white">Nome</span></a></button>
Esse código preenchido com os dados do nosso site aparecerá assim:






Amarelo


Copie esse código html <button style="background-color: yellow;"><a href="Link" rel="nofollow" style="background-color: yellow;" target="_blank"><span style="color: black">Nome</span></a></button>

Esse código preenchido com os dados do nosso site aparecerá assim:





Laranja

Copie esse código html <button style="background-color: orange;"><a href="Link" rel="nofollow" style="background-color: orange;" target="_blank"><span style="color: white">Nome</span></a></button>

Esse código preenchido com os dados do nosso site aparecerá assim:





Rosa


Copie esse código html <button style="background-color: pink;"><a href="Link" rel="nofollow" style="background-color: pink;" target="_blank"><span style="color: black">Nome</span></a></button>
Esse código preenchido com os dados do nosso site aparecerá assim:




Marrom


Copie esse código html <button style="background-color: brown;"><a href="Link" rel="nofollow" style="background-color: brown;" target="_blank"><span style="color: white">Nome</span></a></button>
Esse código preenchido com os dados do nosso site aparecerá assim:




Lilás


Copie esse código html <button style="background-color: purple;"><a href=”Link" rel="nofollow" style="background-color: purple;" target="_blank"><span style="color: white">Nome</span></a></button>
Esse código preenchido com os dados do nosso site aparecerá assim:




Nenhum comentário :

Postar um comentário

Ao acessar e comentar em nossos serviços você concorda com a nossas Politicas de privacidade e com nossos Termos de Uso

Fique por dentro das novidades