Berikut ini saya akan memberikan sebuah trik sederhana yaitu bagaimana cara membuat widget Resi Pengirinam JNE, TIKI, dan POS INDONESIA dengan mudah dan cepat.
Sebelum melanjutkan ke TKP apakah sobat sudah pada tahu bagaimana bentuk dari widget ini ? ya pastinya sudah pada tahu bukan hehehehhe widget yang bisa mengecek nomor resi pengiriman barang yang sudah di daftarkan ke jasa pengiriman barang baik itu JNE, TIKI, dan POS INDONESIA.
Baiklah sobat tanpa berbasa-basi lagi marilah kita lanjutkan ke TKP saja ya saya juga tidak tahu mau bahas apalagi caranya cukuplah mudah sobat, sobat bisa mengikuti langkah-langkahnya di bawah ini dengan seksama.
Langkah-langkahnya :
1. Masuk ke akun blogger anda
2. Pilih Menu Tataletak / Add Gadget / Pilih HTML Java Script
3. Setelah itu copy KODE HTML di bawah ini dan masukkan ke dalam widget HTML Java Script yan gbaru saja kita buat tadi setelah itu simpan widget dan lihat hasilnya.
HTML KODE
<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>Perhatian : di harapkan kepada semua anggota blogger yang ingin menerapkan widget resi JNE TIKI dan POS Indonesia ini untuk meletakkah widget tersebut tepat berada di bawah di bagaian footer blog anda agar sesuai dan dapat tersusun rapih. sekian dari saya semoa bermanfaat buat anda yang membutuhkan
Comments
Post a Comment