Membuat Tombol Demo atau Download di postingan

" Membuat Tombol Demo atau Download Sederhana "
Berikut Demo bisa dilihat digambar / dibawah :)

Demo Download

Berikut langkah2 membuatnya :

.tombol-demox,.tombol-downloadx {
  display:inline-block;
  white-space:nowrap;
  color:#fff;
  margin-right:15px;
  padding:4px 25px;
  background-color:#2c87e2;
  font-size:14px;
  font-family:'Source Sans Pro',sans-serif,Segoe UI,Arial,Tahoma;
  font-weight:400;
  text-transform:none;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#46a0fb',endColorstr='#2c87e2');
  background-image:-webkit-linear-gradient(top,#46a0fb 0%,#3892ed 50%,#2c87e2 100%);
  background-image:-moz-linear-gradient(top,#46a0fb 0%,#3892ed 50%,#2c87e2 100%);
  background-image:-ms-linear-gradient(top,#46a0fb 0%,#3892ed 50%,#2c87e2 100%);
  background-image:-o-linear-gradient(top,#46a0fb 0%,#3892ed 50%,#2c87e2 100%);
  background-image:linear-gradient(top,#46a0fb 0%,#3892ed 50%,#2c87e2 100%);
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 2px #333;
  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 2px #333;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0px 1px 2px #333;
  text-shadow:0 -1px 0 rgba(0,0,0,0.3);
  color:#ffffff;
  text-decoration:none;
  outline:none;
}

.tombol-demox:hover,
.tombol-downloadx:hover {
  background-color:#3892ed;
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3892ed',endColorstr='#2379cf');
  background-image:-webkit-linear-gradient(top,#3892ed 0%,#2c87e2 50%,#2379cf 100%);
  background-image:-moz-linear-gradient(top,#3892ed 0%,#2c87e2 50%,#2379cf 100%);
  background-image:-ms-linear-gradient(top,#3892ed 0%,#2c87e2 50%,#2379cf 100%);
  background-image:-o-linear-gradient(top,#3892ed 0%,#2c87e2 50%,#2379cf 100%);
  background-image:linear-gradient(top,#3892ed 0%,#2c87e2 50%,#2379cf 100%);
  color:#ffffff;
}

Letakkan Css diatas code </b:skin>

<a class="tombol-demox" href="http://dhani3kusuma.blogspot.com/" target="_blank"> Demo</a>&nbsp;<a class="tombol-downloadx" href="http://dhani3kusuma.blogspot.com/" target="_blank">Download</a>

Letakkan HTML pada Editor Post Bagian HTML bukan Compose

Ganti http://dhani3kusuma.blogspot.com/ dengan URL KAMU