Cara Pasang Widget Cek Resi JNE, TIKI, Pos Indonesia di Blog

Hal ini biasanya banyak dilakukan pembeli untuk mengecek nomor resi untuk mengetahui atau melacak sampai sejauh mana proses barang pesanan sampai di tujuan. Bagi yang ingin mencobanya, silakan ikuti langkah berikut. Cara Memasang Widget JNE, TIKI, Pos Indonesia
Cara Memasang Widget JNE, TIKI, Pos Indonesia

Cara Pasang Widget Cek Resi JNE, TIKI, Pos Indonesia di Blog - Kali ini saya akan berbagi sebuah widget yang penting untuk dipasang pada situs toko online karena widget ini dapat memudahkan pengunjung atau pembeli mengecek informasi kode nomor resi.

Hal ini biasanya banyak dilakukan pembeli untuk mengecek nomor resi untuk mengetahui atau melacak sampai sejauh mana proses barang pesanan sampai di tujuan. Bagi yang ingin mencobanya, silakan ikuti langkah berikut.

Cara Memasang Widget JNE, TIKI, Pos Indonesia


Login ke Blogger, buka menu Tata Letak lalu Tambahkan Gadget dan pilih yang HTML/JavaScript.

Cara Memasang Widget JNE, TIKI, Pos Indonesia

Kemudian tambahkan kode dibawah ini di dalamnya.

<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 #eee;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;border:1px solid #e5e7ed;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:none;border:1px solid #e5e7ed;}
</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. Selanjutnya Simpan Widget dan lihat hasilnya.


Sekian Tutorial Cara Pasang Widget Cek Resi JNE, TIKI, Pos Indonesia di Blog, semoga bermanfaat dan terimakasih.

Posting Komentar