Membuat Tombol dengan CSS Button Maker

Cara membuatnya :
  1. Login Blogger, trus pilih Rancangan, Edit HTML ..
  2. Lalu agan Copy paste CSS berikut, taruh di atas kode ]]></b:skin>
 .button {
   border-top: 1px solid #6e6e6e;
   background: #142d78;
   background: -webkit-gradient(linear, left top, left bottom, from(#349ad9), to(#142d78));
   background: -webkit-linear-gradient(top, #349ad9, #142d78);
   background: -moz-linear-gradient(top, #349ad9, #142d78);
   background: -ms-linear-gradient(top, #349ad9, #142d78);
   background: -o-linear-gradient(top, #349ad9, #142d78);
   padding: 3.5px 7px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #e8e8e8;
   font-size: 13px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #455fad;
   background: #455fad;
   color: #adadad;
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
Note :
• Kode warna diatas bisa diganti dengan kode sesuka sobat
  3. Trus klick Simpan
cara menerapkannya seperti ini :
<a class="button" href="http://ahmadrijal-blog.blogspot.com/">Link</a>

0 Coment "Membuat Tombol dengan CSS Button Maker", Baca atau Masukkan Komentar

Posting Komentar