Memasang Widget Jne, Tiki, Pos Indonesia

Memasang Widget JNE, TIKI, Pos Indonesia - Kali ini aku akan mengembangkan sebuah widget yang berfungsi untuk memudahkan pengunjung mengecek info aba-aba nomor resi, nomor resi ini mempunyai kegunaan untuk melacak hingga sejauh mana proses barang pesanan hingga di tujuan. Widget ini akan sangat mempunyai kegunaan bagi teman yang mempunyai situs toko online (olshop).

Bagi yang ingin mencobanya, silakan ikuti langkah berikut

Cara Memasang Widget JNE, TIKI, Pos Indonesia

1. Login ke Blogger > Tata Letak > Buat widget gres > Kemudian tambahkan aba-aba di bawah ini di dalam widget baru.

<style scoped="scoped" type="text/css"> #kode-lacak{padding:10px;text-align:left;font-size:85%} #kode-lacak form{display:block;position:relative;clear:both;overflow:hidden;margin:auto;text-align:center} #kode-lacak .cek-jne,#kode-lacak .cek-tiki,#kode-lacak .cek-pos{text-align:left;display:inline-block;vertical-align:top;padding:2px 8px;height:33px;line-height:19px;color:#626262;background:#fff;outline:none;margin:10px 0;border:1px solid #e3e3e3;border-radius:2px;width:70%;float:left} #kode-lacak .cek-jne-button,#kode-lacak .cek-tiki-button,#kode-lacak .cek-pos-button{display:inline-block;vertical-align:middle;height:33px;line-height:1;padding:0 18px;font-size:13px;color:#243140;text-align:center;text-shadow:0 1px rgba(255,255,255,.2);background:#e5e7ed;border:0;border-radius:2px;cursor:pointer;width:27%;outline:none;margin:10px 0 0 5px;transition:background .6s;} #kode-lacak .cek-jne-button:hover,#kode-lacak .cek-jne-button:active,#kode-lacak .cek-tiki-button:hover,#kode-lacak .cek-tiki-button:active,#kode-lacak .cek-pos-button:hover,#kode-lacak .cek-pos-button:active{background:#ee4f3d;color:#fff} </style> <div id="kode-lacak"> Lacak resi <b>JNE</b><br /> <form action="http://www.jne.co.id/index.php" method="get" name="input" target="_new2"> <input name="mib" value="tracking.detail" type="hidden" /> <input name="awb" size="14" class="cek-jne" type="text" /> <input value="Cek" class="cek-jne-button" type="submit" /></form> Lacak resi <b>TIKI</b><br /> <form method="post" action="http://www.tiki-online.com/tracking/track_single" name="input" target="_blank"><input id="TxtCon" name="TxtCon" size="14" class="cek-tiki" type="text" /> <input id="button" name="button" value="Cek" class="cek-tiki-button" type="submit" /></form> Lacak resi <b>POS Indonesia</b> <form method="get" action="http://www.posindonesia.co.id/home/modules/mod_search/tmpl/libs/lacakk1121m4np05.php" name="input" target="_blank"><input name="barcode" size="14" class="cek-pos" type="text" /> <input value="Cek" class="cek-pos-button" type="submit" /></form> </div>

2. Simpan widget.

Result

Share this post