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.
Cara Memasang Widget JNE, TIKI, Pos Indonesia
Login ke Blogger, buka sajian Tata Letak kemudian Tambahkan Gadget dan pilih yang HTML/JavaScript.
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.
Sekian Tutorial Cara Pasang Widget Cek Resi JNE, TIKI, Pos Indonesia di Blog, biar bermanfaat dan terimakasih. Sumber https://www.denylistianto.com/