Cara Membuat Widget Tarif Ongkir & Tracking JNE pada Blog / Website

Dalam membangun toko online itu membutuhkan sebuah pemikiran yang matang serta persiapan yang benar. Seperti contoh kebutuhan utama dalam membangun online store adalah sebuah website toko online dengan fitur pendukung di dalamnya seperti Cart, Tracking Pengiriman dan lain-lain. Jadi yang akan saya jelaskan disini adalah mengutip sedikit mengenai widget ongkir JNE. 

Kita paham bahwa cek jasa pengiriman sendiri memang menjadi sebuah kebutuhan utama dalam menjalankan bisnis jual beli online. Kali ini saya akan coba untuk men-share kode widget tarif ongkir dan tracking JNE dimana jasa pengiriman di indonesia ini di pegang oleh 3 jasa kurir terbaik seperti JNE, TIKI, dan Pos Indonesia. Widget ini bisa agan pasang langsung di blog untuk mempermudah pengunjung dalam melakukan transaksi jual beli di toko agan.

Seperti yang kita ketahui bawa JNE merupakan jasa kurir yang memang paling banyak di gunakan untuk pengiriman barang dagangan mereka ke konsumen. Hal ini akan semakin mempermudah kita dalam menjalankan bisnis karena kita tau JNE memiliki cabang yang mudah ditemui dan tersedia dimana-mana. Langsung saja disimak dibawah ini :

1. Login ke blogger

2. Masuk ke Tata Letak (Layout) kemudian > Tambah Gadget

3. Pilih HTML/JavaScript

4. Copy script dibawah ini, kemudian pastekan di form tersebut

• Script Tracking Nomor Resi JNE

<img style="width: 126px; height: 67px;" src="http://i.imgur.com/JzyLE.png" alt="" title="" />
    <form action="http://www.jne.co.id/index.php" method="get" name="input" target="_new2">    <input type="hidden" name="mib" value="tracking.detail" />     <input name="awb" type="text" />    <input type="submit" value="Submit" /></form>

• Script Tarif Ongkir JNE

<script type="text/javascript">
//<![CDATA[
<!--
var x="function f(x){var i,o=\"\",ol=x.length,l=ol;while(x.charCodeAt(l/13)!" +
"=48){try{x+=x;l+=l;}catch(e){}}for(i=l-1;i>=0;i--){o+=x.charAt(i);}return o" +
".substr(0,ol);}f(\")24,\\\"020\\\\230\\\\220\\\\100\\\\500\\\\030\\\\HVLD61" +
"0\\\\430\\\\qBo@%771\\\\uzvb:(-ku771\\\\mz\\\"\\\\0eV{T9tq+?\\\"\\\\! ^]\\\\"+
"\\\\[Z720\\\\$500\\\\*K020\\\\700\\\\]MNM29%&(<;E:X100\\\\620\\\\610\\\\000" +
"\\\\620\\\\771\\\\|100\\\\(27;-$tt\\\\i6\\\"\\\\($ol120\\\\8\\\"\\\\'+=4d13" +
"0\\\\y&/ .730\\\\430\\\\a700\\\\^TVV720\\\\410\\\\[[ZFPB@MHH600\\\\^QMS600\\"+
"\\630\\\\\\\\\\\\S420\\\\100\\\\Xo.=&|tp|swe4(ja >.7xcm`z*hlcqcl E500\\\\41" +
"0\\\\OHYB300\\\\630\\\\220\\\\530\\\\620\\\\230\\\\\\\\\\\\520\\\\100\\\\70" +
"0\\\\100\\\\LP220\\\\130\\\\\\\\\\\\UF_020\\\\310\\\\500\\\\010\\\\500\\\\7" +
"~f$+hhxm3/= 771\\\\%> (mw )&$%k **./)730\\\\400\\\\D]WJJQS620\\\\610\\\\QG[" +
"YG710\\\\420\\\\_CGEJ010\\\\430\\\\420\\\\720\\\\A520\\\\@220\\\\300\\\\?zt" +
"pti9`g'5.awub`l-7;?=IF0&$9fou120\\\\710\\\\330\\\\020\\\\130\\\\030\\\\230\\"+
"\\U*H120\\\\730\\\\310\\\\500\\\\300\\\\O230\\\\030\\\\430\\\\500\\\\300\\\\"+
"U600\\\\;420\\\\9Z120\\\\000\\\\]^;*a|{zyxwvuts<r\\\\\\\"\\\\320\\\\p)8dvw&" +
"&66k771\\\\| o300\\\\sr771\\\\520\\\\}w}xr{uqapd120\\\\410\\\\qGEKEJx400\\\\"+
"y130\\\\WGFR~j=>G5twt8rzv}u~nl~m771\\\\$~771\\\\p)*>svuh\\\\\\\\!A530\\\\73" +
"0\\\\310\\\\020\\\\W720\\\\IJ\\\\\\\\000\\\\320\\\\L330\\\\600\\\\n\\\\500\\"+
"\\130\\\\320\\\\130\\\\700\\\\$XG8X610\\\\r\\\\100\\\\2-p${`<\\\"\\\\>%x ==" +
"7r320\\\\s( 2>:h)'57771\\\\,530\\\\2c000\\\\O^700\\\\400\\\\]L310\\\\620\\\\"+
"520\\\\420\\\\320\\\\220\\\\120\\\\020\\\\710\\\\610\\\\r\\\\BwXu620\\\\UR1" +
"30\\\\J771\\\\P}630\\\\mj2 ;:987654}NcL1jy#74+Ts~`p!^<e610\\\\400\\\\010\\\\"+
"[X%CA@CBEDRPU430\\\\200\\\\000\\\\400\\\\t\\\\ISUT000\\\\R100\\\\QB@;713(z!" +
"(fvo&66#?-l120\\\\q.&0<4fg030\\\\spc430\\\\200\\\\[GUH230\\\\330\\\\d700\\\\"+
"600\\\\500\\\\500\\\\120\\\\n410\\\\UZBLZ310\\\\010\\\\u\\\\\\\\OALAT000\\\\"+
"}530\\\\zs|r;nlhy771\\\\)zO`M.}l12o~5('&%$#\\\"\\\\! ^320\\\\ t\\\\&G430\\\\"+
"300\\\\YI]630\\\\320\\\\300\\\\720\\\\GN9$,#,?t\\\\:720\\\\8]020\\\\300\\\\" +
"\\\\\\\\a:)`{zyxwvutsr?410\\\\=220\\\\s>?v'420\\\\5230\\\\{67m}`730\\\\630\\"+
"\\530\\\\430\\\\330\\\\230\\\\130\\\\VkDin\\\\WF630\\\\410\\\\120\\\\410\\\\"+
"qXSO]n\\\\{330\\\\@TZV100\\\\200\\\\C%+*-,/.46/f|~~s/5?>n<k;$&amomr 600\\\\" +
"r\\\\M[@310\\\\530\\\\320\\\\400\\\\230\\\\620\\\\Q.L520\\\\300\\\\720\\\\1" +
"30\\\\730\\\\KH5XUD9Y600\\\\030\\\\010\\\\320\\\\771\\\\|100\\\\~700\\\\g<-" +
";7#tq610\\\\$:::220\\\\$*8,)#d130\\\\y&/ .730\\\\JHLUS500\\\\VkDin\\\\APr\\" +
"\\610\\\\KZ120\\\\410\\\\310\\\\n\\\\t\\\\010\\\\700\\\\600\\\\500\\\\400\\" +
"\\300\\\\L}RC yh4&VLyJgH-`s,1jy0+*)('&%$#\\\"\\\\o\\\\\\\\410\\\\!Bt\\\\610" +
"\\\\E620\\\\+400\\\\)J100\\\\600\\\\^LONMLKJIHt\\\\:720\\\\8]600\\\\520\\\\" +
"Oc`771\\\\000\\\\/\\\"\\\\<,un\\\\h1#+%pm220\\\\vz}|771\\\\~qee~1--/\\\\\\\\"+
"630\\\\600\\\\610\\\\t\\\\_710\\\\Z400\\\\520\\\\520\\\\PZ^^C710\\\\V]530\\" +
"\\310\\\\020\\\\[MCTJF100\\\\~430\\\\Esgio;8E(%4I)vhxc/,Q.W7l}kgs$!^mar\\\\" +
"430\\\\#320\\\\330\\\\310\\\\530\\\\620\\\\220\\\\W(N720\\\\430\\\\120\\\\1" +
"00\\\\N130\\\\130\\\\330\\\\400\\\\000\\\\TGF120\\\\8720\\\\>710\\\\<-200\\" +
"\\c.9fg<#jutsrqponml%620\\\\;420\\\\y\\\"\\\\1k771\\\\710\\\\610\\\\220\\\\" +
"yPaNg400\\\\KZ310\\\\010\\\\Q@710\\\\220\\\\120\\\\020\\\\710\\\\610\\\\r\\" +
"\\410\\\\310\\\\n\\\\t\\\\F{Ty230\\\\QV530\\\\NClArGhE&5Jpzy0M-j{am}*+Tbv|p" +
"\\\\\\\\pdi410\\\\010\\\\320\\\\030\\\\X%E220\\\\330\\\\420\\\\230\\\\SP-63" +
"0\\\\n\\\\n\\\\t\\\\500\\\\300\\\\H5U200\\\\620\\\\430\\\\020\\\\C620\\\\42" +
"0\\\\020\\\\17a(700\\\\.500\\\\6310\\\\$t\\\\ 710\\\\&r\\\\>320\\\\<120\\\\" +
"r9>ftgfedcba`QbO`500\\\\^M720\\\\310\\\\010\\\\720\\\\h300\\\\100\\\\320\\\\"+
"l220\\\\ZEKBOA010\\\\500\\\\z520\\\\120\\\\100\\\\~430\\\\Hkztk;8Ewt771\\\\" +
";z|qxfnh\\\"\\\\771\\\\nmhen)am-mb.330\\\\320\\\\620\\\\TUC010\\\\300\\\\20" +
"0\\\\530\\\\V/O220\\\\200\\\\430\\\\Nn\\\\100\\\\200\\\\V700\\\\4520\\\\:[6" +
"20\\\\100\\\\^_400\\\\+b}|{zyxwvut=610\\\\#410\\\\q&9cw030\\\\000\\\\230\\\\"+
"220\\\\r\\\\e200\\\\500\\\\310\\\\320\\\\100\\\\k630\\\\vyxTeJk010\\\\GV710" +
"\\\\410\\\\320\\\\lJBIHBG310\\\\t230\\\\HBMOCW000\\\\=Biz~v;D*xr}771\\\\s1x" +
"{2-,+*)('&%$m^s\\\\\\\\@710\\\\010\\\\G420\\\\%n\\\\+H410\\\\020\\\\430\\\\" +
"020\\\\500\\\\LONMLKJIHYD9_710\\\\300\\\\010\\\\220\\\\630\\\\~%,oky46;';53" +
"0\\\\rk$!!+n720\\\\w,$>26da630\\\\qbc300\\\\OY_HVZ720\\\\SYVRFr\\\\^s\\\\\\" +
"\\q220\\\\t\\\\vBFFJG{100\\\\~430\\\\Tzyo}o:;D/;s`f0M-{k~~jbj%sv`g`c!\\\"\\" +
"\\\\\"\\\\t\\\\710\\\\420\\\\n\\\\[$J220\\\\230\\\\430\\\\700\\\\720\\\\430" +
"\\\\PM2130\\\\730\\\\400\\\\t\\\\6410\\\\t\\\\710\\\\300\\\\K600\\\\610\\\\" +
"010\\\\200\\\\03r3=40v%?>3==~771\\\\u>98#h520\\\\u)),0 #a-MQ[000\\\\130\\\\" +
"220\\\\WTRB\\\\\\\\FD430\\\\E^JCXODN\\\"(f};o nruter};))++y(^)i(tAedoCrahc." +
"x(edoCrahCmorf.gnirtS=+o;721=%y{)++i;l<i;0=i(rof;htgnel.x=l,\\\"\\\"=o,i ra" +
"v{)y,x(f noitcnuf\")"                                                        ;
while(x=eval(x));
//-->
//]]>
</script>

5. Kemudian save, lalu lihat di halaman blog anda. "Widget Tarif Ongkir JNE" sudah terpasang.

Gampang kan? hehe, selamat mencoba :)