Botões simples c/ hover

Olá gente boa venho trazer uma partilha de botões como podem ver imagem acima.
Aqui veja online
como fica: ENTRE AQUI Os botões servem para encaminhar link ,uma demo,para download e dá mais alegria,vida ao post,template etc...São bem simples estes botões e simples aplicar também,este é meu primeiro post de muitos ,neste template,modelo ,bem vamos lá aplicar código...

TENHA EM ATENÇÃO QUE DEVE TER CÓPIA S TEMPLATE P CASO ALGO DER ERRADO...

Agora entre no painél do seu blog ,depois em modelo e clik em html...
Procure isto :

Agora acima dele coloque este código:

/*---------------------------------------------------
inicio codigo button; http://best-tuga.blogspot.pt/
------------------------------------------------- --*/
.button-best-tuga {
background:#ccff00;
margin:10px;
color:#000;
font-family:Oswald;
font-size:20px;
padding:10px 8px;
border:1px solid #00b3b3;
border-radius:6px;
text-decoration: none;
display:inline-block;
border: ;
cursor:pointer;
}

.button-best-tuga:hover {
background:#00b3b3;
text-decoration: none;
}

/*-------------------------------------------------
fim codigo button; http://best-tuga.blogspot.pt/
-------------------------------------------------- */

Salve seu template e vamos á ultima parte,prepare sua postagem,post e caso queira usar os botões cole este código abaixo no html seu post,postagem:

<a href="seu link aqui " class="button-best-tuga "> botão </a>

Agora publique e veja já está com os botões activos...
Bem simples e fácil,foi esta a partilha trouxe por agora ,dúvidas que tiver disponha sempre,até mais...

Botões simples c/ hover

► 0

► botões

► Cartita