Memasang widget Tracking agen pengiriman itu sangat berguna sih jika
dipasang di toko onlinemu, ya walaupun pakai blogger yang penting
jualannya jalan terus. selain itu widget tersebut juga bisa membuat
tokomu keliatan lebih cool dan profersional (menurutku aja sih). ya
kalau mau percaya sih gak papa, dipasang aja juga boleh. tapi widget
tracking pengiriman barang ini sangat membantu para pelanggan kamu kalau
mau cek barangnya sudah sampai mana, dan gak usah repot-repot nyuruh
mereka buka di website agen pengirimannya. ya kalau mereka paham, kalau
mereka adalah orang awam pasti kamu repot juga harus dektein mereka
satu-satu. lebih baik dipasang di blog, oke? udah gitu aja basa basinya.
Kali ini saya mau ngasih tau cara memasang widget tracking
pengiriman barang dari JNE, Tiki, dan POS Indonesia aja, yang lain
menyusul.
Tentuin dulu dimana kamu naruh widget tracking pengirimannya,
mau dipasang di sidebar atau di halaman khusus. yang penting pembelinya
biar gak bingung aja.
kalau boleh aku nyaranin mending
di halaman khusus aja, biar keliatan profesional dan tokomu keliatan
lebih clean gitu. tapi tenang, saya juga akan kasih tau kamu bagaimana
cara memasangnya di sidebar.
Page Khusus
Buat Laman Kosong baru di Laman » Laman Baru » Laman Kosong. terus pilih mode HTML. kemudian copas kode CSS - letakkan dibagian atas dan copas script tracking - letakkan dibagian bawah.Widget Sidebar
Kalau untuk widget di sidebar ini gampang sih, kamu pasti udah tau. Tata Letak » Tambahkan Gadet » HTML/JavaScript, kemudian copas kode CSS - letakkan dibagian atas dan copas script tracking - letakkan dibagian bawah.
Kode CSS
<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>
Kode Script untuk Tracking Pengiriman POS Indonesia :
<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/AVvXsEjzTvUyqg3CSQShI-5nhrmTyKyyVaMhW468b7SvZ0KD5BFJKWs9zEiavyT4ZWKBezdJj0jpwZQn14rC12HcQusXjgVk195gD8EDJJdg8C6Ii1NZr3NzLKfcrihpMt2-e5_b4eCj1oNr0wk/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>
Kode Script untuk Tracking Pengiriman TIKI :
<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/AVvXsEgueSMi3vJVfce3eWIHIA63DCEKJIIcO6ZPCk5cuBtQ8rYW_oO_MF-cNzpRYOieh3oZD8ZVV7oXWirl8RJDZ1MLUGTfyn8BYeD9mcE3q08A_AWrPYMRSn_vpkuiuKXFHR95EHgXGj72aIk/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>
Kode Script untuk Tracking Pengiriman JNE :
<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/AVvXsEhCg42-Zzl8czqfHIYIzk8_iadjXZHsOKVM6e3LG-rcASwl3vvfP15UmD20goVHu3DKjAOyiF0d0Kx20O_BGygYwjRffnmgWG6-hi-hD_6U7pY9AmgsmtxuiOs4NwI8NCVa93zPJOB12BE/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>
Maka Tampilannya akan seperti ini :
Author : Edu Themes
Tutorial EDU Themes ini secara special dipersembahkan khusus untuk semua klien EDU Themes. Besar harapan kami juga blog ini akan mampu menuntun sekaligus mempertajam kemampuan teman-teman pasca Pelatihan bersama Kami. Terimakasih atas kunjungannya yang baru saja membaca artikel berjudul Memasang Widget Tracking Pengiriman JNE, TIKI, dan POS.