Cara Membuat Button Keren Untuk Blog ~ Kegiatan Kita

Ok kawan, setelah saya posting Button Download Keren.. Sekarang ane akan posting Button Sumber..
Sebagai tukang copas / tukang curi artikel yang baik.. pastinya harus cantumkan Sumber web yang anda copas.
Sebagai contoh dari Buttonnya inilah contohnya :

Sumber

Nah itulah contohnya.. buat sekedar lebih keren ayo pasang gan.

Scriptnya gan

HTML

<div class="bnbutton">

<a href="#">Sumber</a>

</div>

CSS

.bnbutton {

margin: 20px auto;

padding: 20px 0;

width: 200px;
}
.bnbutton a {
background: #eee;
color: #31ace8;
display: block;
font-size: 17px;
font-weight: 700;
font-family: 'Arial',Verdana,sans-serif;
height: 20px;
line-height: 20px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 100px;
position: relative;
z-index: 5;
transition:all .5s ease;
}
.bnbutton a:hover {
box-shadow: 0 0 15px;
transform:rotate(360deg);