Membuat Tombol/Button Keren

Button Keren  with css





Gbr diatas adalah penampakan dari cssbuttongenerator.com,
Buat yang sudah ahli css emang asik banget,tp bagi yg lom paham coba aja ikutin dan perhatiin.
Ket :
  1. Button/tombol yang akan tampak di post blog.
  2. Untuk mengedit warna dan juga border,font size,shadow,dll
  3. Code css yang akan kita pasang pada template blog kita,code akan muncul dengan meng-klik gambar button yang kita edit,
  4. Code dimana kita akan menempatkanya di post blog kita, 
 Sekarang bagaimana kita akan memasukan code tadi ke templat blog kita..? 
  • Login
  • masuk edit template
  • jangan lupa expand template
  • copass code css dibawah kode  <head>,atau diatas <b:skin><![CDATA[
  • Save template
 Ini ada contoh code css button yg ane bikin.

<style type="text/css">
.classname {
    -moz-box-shadow:inset 0px 1px 0px 0px #b577b5;
    -webkit-box-shadow:inset 0px 1px 0px 0px #b577b5;
    box-shadow:inset 0px 1px 0px 0px #b577b5;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #256bc7), color-stop(1, #ede6ed) );
    background:-moz-linear-gradient( center top, #256bc7 5%, #ede6ed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#256bc7', endColorstr='#ede6ed');
    background-color:#256bc7;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #852b85;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #f7e4f7;
}.classname:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ede6ed), color-stop(1, #256bc7) );
    background:-moz-linear-gradient( center top, #ede6ed 5%, #256bc7 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ede6ed', endColorstr='#256bc7');
    background-color:#ede6ed;
}.classname:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>

Ini adalah code di post blog.

<a href="link" class="classname">apa kek</a>

Warna biru yang perlu kita ganti; link apa....judul apa

Buat sobat bloger yang ingin punya tombol/button keren bisa membuat.KLIK AJA BUTTON BAWAH 
BUTTON/TOMBOL KEREN

TESTING.....!
 
Label: |