Installing Widget YES, ONLY Stylish Post - This time I will share a widget that serves to facilitate the visitor to check the rest code number information, this returns number is used to track the extent to which the order goods process to the destination. This widget will be very useful for my friend who has an online store site (shop).
For those who want to try it, please follow the following steps
Installing Widget YES, ONLY Stylish Post
1. Login to Blogger> Layout> Create a new widget> Then add the code below inside the new widget.<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">
Track the receipts <b>ETC.</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>
Track the receipts <b>Only</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>
Track the receipts <b>Stylish Post</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. Save the widget.
