CARA MENAMBAHKAN JNE, TIKI DAN POS INDONESIA WIDGET TRACKING DI BLOG TOKO ONLINE

Buat sobat Acrode Apparel yang ingin menambahkan widget tracking JNE, TIKI dan POS Indonesia di blog toko onlinenya di posisi Side Bar / Footer caranya gampang kok. Tidak perlu edit HTML cukup ikuti petunjuk berikut ini. Tapi untuk pemasangannya di sesuaikan saja dengan kebutuhan. Apabila memang di rasakan perlu di pasang ya tinggal di pasang, tapi apabila tidak terlalu di perlukan tidak perlu di tambahkan. Jadi ya di sesuaikan saja dengan kebutuhan. Karena kami juga sempat memasang widget tersebut di blog Acrode Apparel tapi karena kurang begitu urgent maka kami hapus lagi. Bagi sobat Acrode Apparel yang penasaran mau mencoba menambahkan widget tracking JNE, TIKI dan POS Indonesia di blog toko onlinenya, silahkan di simak dan selamat mencoba. 

1. Login ke Blogger sobat 
2. Klik "Tata Letak" yang terletak di sebelah kiri

3. Klik "Tambah Gadget" 

4. Lalu cari dan klik "HTML/JavaScript"  

5. Setelah itu Copy & Paste kan yang di bawah ini di dalam konten "HTML/JavaScript" tadi. Untuk Judulnya bisa di kosongkan / bisa juga di tuliskan seperti : Cek Resi JNE / Cek Resi Tiki / Cek Resi Pos Indonesia

Untuk menambahkan Widget Tracking JNE, Silahkan Copy Paste kan yang berikut ini di dalam konten "HTML/JavaScript" nya :

<style>
.textcontent
{
padding: 5px 10px;
background-color: #FAFAFA;
border: 1px solid #DDD;
margin-bottom: 8px;
}
.buttontrack
{
padding: 5px 12px !important;
color: #FFF !important;
cursor: pointer;
color: #4B4B4B;
border: none;
text-shadow: none;
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
font-size: 13px;
transition: opacity 0.4s;
background: #3C3C3C;
}
.buttontrack:hover
{
background: #3C3C3C;
opacity: 0.8;
}
</style>

<form method="post" action="http://www.jne.co.id/index.php?mib=tracking&lang=IN" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeWoWvlPQ_Ok3lCoDPVcq1RGUZghyphenhyphen6dNMybo_kKq3qktgF96zcSgxr3uQ6tOQJh-Mdg6Ham-l701Qy5QNk7nuTz9hoZ7evWlgwQJ8l23JIS3sGdyjZGHt6Z2UuUNF75P8KVY1IK2-XRiQ/s1600/jne.png" width="170" /><br /><br />
Silahkan masukkan nomor resi JNE anda, kemudian klik search.<br />
<input name="awbnum" type="text" class="rightsearch textcontent" id="awbnum" placeholder="Nomor Resi JNE"/><br />
<input type="submit" name="submittracking" class="btlogin buttontrack" value="Search" id="trksubmit"/></form>

Untuk menambahkan Widget Tracking Tiki, Silahkan Copy Paste kan yang berikut ini di dalam konten "HTML/JavaScript" nya :

<style>
.textcontent
{
padding: 5px 10px;
background-color: #FAFAFA;
border: 1px solid #DDD;
margin-bottom: 8px;
}
.buttontrack
{
padding: 5px 12px !important;
color: #FFF !important;
cursor: pointer;
color: #4B4B4B;
border: none;
text-shadow: none;
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
font-size: 13px;
transition: opacity 0.4s;
background: #3C3C3C;
}
.buttontrack:hover
{
background: #3C3C3C;
opacity: 0.8;
}
</style>

<form method="post" action="http://www.tiki-online.com/tracking/track_single" name="input" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMXDokkQKZg_aXD8nPBirPOGkqqqF_pJFSztFFyl5DTDnkf0LTuDEH9kWXxpJk-YKNg_t9cHP19YIeABpZldBEOd_bFQ89MpWCydsRmIQW5obVFyUlsfFDxz3abb84qIhw_NBFypG5DXA/s1600/41.png" width="180" /><br /><br />
Silahkan masukkan nomor resi Tiki anda, kemudian klik search.<br />
<input id="TxtCon" name="TxtCon" type="text" class="textcontent" placeholder="Nomor Resi Tiki"/><br />
<input id="button" name="button" type="submit" value="Search" class="buttontrack"/></form>

Untuk menambahkan Widget Tracking Pos Indonesia, Silahkan Copy Paste kan yang berikut ini di dalam konten "HTML/JavaScript" nya :

<style>
.textcontent
{
padding: 5px 10px;
background-color: #FAFAFA;
border: 1px solid #DDD;
margin-bottom: 8px;
}
.buttontrack
{
padding: 5px 12px !important;
color: #FFF !important;
cursor: pointer;
color: #4B4B4B;
border: none;
text-shadow: none;
font-family: 'Open Sans', arial, sans-serif;
font-weight: 600;
font-size: 13px;
transition: opacity 0.4s;
background: #3C3C3C;
}
.buttontrack:hover
{
background: #3C3C3C;
opacity: 0.8;
}
</style>

<form method="get" action="http://www.posindonesia.co.id/home/modules/mod_search/tmpl/libs/lacakk1121m4np05.php" name="input" target="_blank">
<input type="hidden" name="lacak" value="Lacak" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqWkJ5NBrSJSs8ebG7iLNLSqMBKcUy1RPKMnEQlm5g_DGLDJV69Sq5ESeovXl8MD0xlcTwJC7uCDjgn8ngWtEoIoa0zqNCh3u_MPM-t5MM2hQr6TPevZgJGB5Uj-EUdFMc75nZ3hle5Qw/s1600/pos.png" width="160" /><br /><br />
Silahkan masukkan nomor resi POS anda, kemudian klik search.<br />
<input name="barcode" type="text" class="textcontent" placeholder="Nomor Resi POS"/><br />
<input type="submit" value="Search" class="buttontrack"/></form>

6. Simpan / Save

7. Setelah sobat Acrode Apparel kembali ke "Tata Letak", kemudian drag / pindahkan widget "HTML/JavaScript" yang tadi sobat Acrode Apparel tambahkan ke posisi Side Bar / Footer yang sobat Acrode Apparel inginkan 

8. Klik "Simpan Setelan" yang ada di kanan atas

9. Lalu klik "Lihat Blog" di kiri atas untuk melihat perubahannya

Semoga bermanfaat.