Button Konfirmasi Pemesanan Via SMS

Untuk menambahkan pesan konfirmasi pembayaran via SMS oleh user, silakan gunakan script di bawah ini.

Kopi dan tempatkan script di modul Source Code. Ubah nomor dan isi pesan.

 <a href="sms:+6281248803652?body=Saya sudah membayar pesanan saya dengan #IDOrder. Mohon diproses ya Min? Terima kasih." class="tombolPesan">Konfirmasi via SMS</a>

<style type="text/css">
.tombolPesan{
-moz-box-shadow: 0px 1px 0px 0px #cae3fc;
-webkit-box-shadow: 0px 1px 0px 0px #cae3fc;
box-shadow: 0px 1px 0px 0px #cae3fc;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
background-color:#79bbff;
-webkit-border-top-left-radius:7px;
-moz-border-radius-topleft:7px;
border-top-left-radius:7px;
-webkit-border-top-right-radius:7px;
-moz-border-radius-topright:7px;
border-top-right-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-radius-bottomright:7px;
border-bottom-right-radius:7px;
-webkit-border-bottom-left-radius:7px;
-moz-border-radius-bottomleft:7px;
border-bottom-left-radius:7px;
text-indent:0px;
display:inline-block;
color:#ffffff;
font-family:Verdana;
font-size:12px;
font-weight:bold;
font-style:normal;
height:57px;
line-height:57px;
width:300px;
text-decoration:none;
text-align:center;
text-shadow:1px 1px 0px #287ace;
}

.tombolPesan:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
background-color:#4197ee;
}

.tombolPesan:active {
position:relative;
top:1px;
}

</style>
Comments
  1. Aries Rutung

    Untuk mengatur lebar, jarak bagian atas, kiri, dan kanan, gunakan script berikut.

    width: 70%; /* lebar button */
    margin-left: 15%; /* jarak sebelah kiri */
    margin-top: 50px; /* jarak bagian atas */

    Tambahkan di bagian .tombolPesan sebelum penutup class (})
    margin-left nilainya setengah dari sisa lebar button. Jadi kalau width-nya diset menjadi 70% ( full 100%), maka nilai margin left adalah 30 dibagi 2. Dibagi 2 karena kiri dan kanan.

    Anda juga bisa menulis marginya seperti di bawah ini:
    margin: 50px 15%;

    Artinya, di atas-bawah nilainya 50px dan di kiri-kanan nilainya 15%.

    Atau:

    margin: 50px 15% 50px 15%;

ADD YOUR COMMENT