Latest News

Cara Memasang Widget JNE,TIKI,& Pos Indonesia Untuk Cek Resi

Bagi kalian yang memiliki website toko online pasti membutuhkan widget yang satu ini. Baik kalian yang punya situs atau online shop pasti membutuhkan widget ini kalau anda sedang berbelanja online. Untuk mengecek pesanan data pesanan kita. Mengetahui apakah pesanan kita sudah dikirim,tiba dikota B,dalam keadaan apa,dan lain sebagainya. 

Setelah belanja online anda pasti akan diberikan nomer resi atau tracking aba-aba untuk melacak pesanan kita. No. resi ini sangat penting biar kita mampu mengetahui keadaan paket pesanan kita di jasa ekspedisi yang digunakan. Anda mampu memasang widget ini disidebar/footer atau mampu dilaman. Dengan memasang widget ini maka kita tidak perlu harus mengakses situs ekspedisinya,hanya perlu memasukkan no. resi kita.

Memasang widget jne tiki pos indonesia untuk cek resi dan melacak tracking aba-aba lebih mudah. Cocok untuk website toko online online shop.

Dengan fasilitas tersebut tentu sangat disukai buyer toko online kita. Bagaimana tertarik untuk memasang widget ini. Anda mampu memasang widget ini disidebar atau footer atau juga mampu dilaman. Untuk pemasangan dilaman anda harus meletakkan aba-aba css-nya ditemplate terlebih dahulu. Berikut caranya.

Cara Memasang Widget JNE,TIKI,dan Pos Indonesia

#Untuk Widget Di Sidebar/Footer

1. Silakan buka blogger, pilih Tata Letak → Tambahkan Gadget → HTML/JavaScript

2. Salin aba-aba widget dibawah ini dan tambahkan diwidget gres yang dibuat. Lalu klik Simpan.

<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>

#Untuk Widget Di Laman

1. Silakan buka blogger,pilih Tempate Edit HTML. Salin aba-aba dibawah ini dan letakkan diatas aba-aba </head>

<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:#347ec9;color:#fff} </style>

Simpan template.

2. Buat Laman baru,ubah mode penulisan dari Compose menjadi HTML. Salin aba-aba dibawah ini dan masukkan dilaman gres yang anda buat.

<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>

Jika sudah mampu pribadi dipublikasikan. Cukup sekian tutoria yang mampu aku bagikan semoga mampu membantu dan bermanfaat.