Cara Pasang Widget Cek Resi Jne, Tiki, Pos Indonesia Di Blog

Kali ini saya akan membuatkan sebuah widget yang penting untuk dipasang pada situs toko onli Cara Pasang Widget Cek Resi JNE, TIKI, Pos Indonesia di Blog

Cara Pasang Widget Cek Resi JNE, TIKI, Pos Indonesia di Blog - Kali ini saya akan membuatkan sebuah widget yang penting untuk dipasang pada situs toko online alasannya ialah widget ini sanggup memudahkan pengunjung atau pembeli mengecek info arahan nomor resi.

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

Baca Juga

Cara Memasang Widget JNE, TIKI, Pos Indonesia

Kemudian tambahkan arahan 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.

Result

Sekian Tutorial Cara Pasang Widget Cek Resi JNE, TIKI, Pos Indonesia di Blog, biar bermanfaat dan terimakasih.
Sumber https://www.denylistianto.com/