• 5 Terbaru

    March 18, 2017

    Menambahkan Widget Tracking Pengiriman JNE, TIKI, dan POS di Blogger

    Cara menambahkan, membuat, memasang widget tracking pengiriman JNE, TIKI, dan POS  untuk toko online blogspot di Blogger

    Cara menambahkan, membuat, memasang widget tracking pengiriman JNE, TIKI, dan POS  untuk toko online blogspot di Blogger


    Widget Tracking agen pengiriman wajib dipasang di toko online untuk meyakinkan pembeli. Kecuali itu, akan membuat toko online yang dibangun keliatan lebih profersional. Disamping juga akan sangat membantu para pelanggan jika hendak cek barang pesnannya sudah sampai mana. Dan tentu saja para pembeli tidak perlu lagi membuka website di agen pengirim.

    Dalam posting ini tips dan trik Kang Sodikin akan nge-share Cara menambahkan, membuat, memasang widget tracking pengiriman JNE, TIKI, dan POS untuk toko online blogspot di Blogger.

    Ada dua pilihan yang bisa di pasang dari Tracking Pengiriman barang pembeli ini, yaitu dipasang di sidebar atau di halaman tertentu.

    Jika dipasang di halaman khusus, menurut Kang Sodikin, tampak lebih profesional. Tapi terserah masbro mau pilih yang mana. Toh tujuannya untuk membuat pembeli toko online kita merasa lebih yakin dan tenang. Hanya perlu sedikit utak-atik kode css-nya agar sesuai dengan sidebar atau page.

    Page/halaman Khusus

    Buat Page baru dan pilih mode HTML. Terus masukkan kode di bawah.

    Widget Sidebar

    Kalau untuk widget di sidebar, masuk ke Tata Letak  » Add Widget » HTML/JavaScript, dan masukkan skrip yang ada dalam posting ini semuanya.

    Berikut kode CSS-nya dan letakkan di bagian paling atas.
     
    <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>

    Kemudian tambahkandibawahnya, skrip berikut ini.

    Kode widget 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="http://2.bp.blogspot.com/-e4uuM3cM4Ww/UvJyqWovBEI/AAAAAAAAAcY/9AGyg0rc6uk/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 widget untuk tracking pengiriman Tiki

    
    <form method="post" action="http://www.tiki-online.com/tracking/track_single" name="input" target="_blank">
    <img src="http://1.bp.blogspot.com/-FEka75aVsfA/UvJyp9RaewI/AAAAAAAAAcM/9vbIPTUtHBE/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 widget untuk tracking pengiriman JNE

    
    <form method="post" action="http://www.jne.co.id/index.php?mib=tracking&lang=IN" target="_blank">
    <img src="http://2.bp.blogspot.com/-W3zkLenrgpg/UvJyqMl79ZI/AAAAAAAAAcQ/ldaLq8PYrko/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"/>
    

    Silahkan berkreasi sesuai kebutuhan dengan merubah css-nya.

    Demikian Cara menambahkan, membuat, memasang widget tracking pengiriman JNE, TIKI, dan POS untuk toko online blogspot di Blogger dari Tips dan Cara Kang Sodikin.

    1 comment:

    sodikin.com adalah blog pribadi yang diterbitkan oleh Sodikin Masrukhin. Ia seorang guru yang suka ngeblog di sela waktu senggangnya. Ada banyak hal yang bisa dibaca dan dinikmati dalam blog ini.
    Blog ini berisi tips dan cara, catatan, renungan dan hal lain yang bermanfaat. Pembaca boleh memanfaatkan konten blog ini untuk hal-hal yang bermanfaat. lanjut»»

    Indonesiaku