Tutorial Pasang Widget Cek Resi dan Cek Ongkir diblogspot

Konten [Tampil]

Tutorial Pasang Widget Cek Resi dan Cek Ongkir diblogspot - Selamat datang untuk anda yang baru pertama mengunjungi blog ini. Disini saya akan memberi tutorial tentang cara memasang widget cek resi dan cek ongkir (semua jasa ekspedisi) diblog. Oke langsung saja ini dia script kode widgetnya.

Untuk demo cek: disini

Script Widget Cek Resi dan Cek Ongkir

Berikut ini adalah script widget cek resi dan cek ongkir. Pemasangannya di Tata Letak > Tambahkan Gadget > Javascript/HTML > Paste Code > Selesai.


<div id="cp_widget_free"></div>

<script src="https://www.cekpengiriman.com/widget/cp_widget.js"></script> <br>Versi : <a href="https://www.ansoriweb.com/">ansoriweb.com</a>

Baca Juga: Tutorial Pasang Widget Corona Responsive untuk Blog

Script Widget Cek Resi Minimalis

Adapun widget cek resi minimalis (simple) kode scriptnya sebagai berikut.


<div class="widgetCekPengiriman" data-kurir="jne"></div>
<script src="https://www.cekpengiriman.com/widget/widget_resi.js"></script> <br>Versi : <a href="https://www.ansoriweb.com/">ansoriweb.com</a>

Keterangan
Kode jne adalah kode untuk ekspedisi jalur nugraha ekakurir (JNE), anda bisa menggantinya dan disesuaikan dengan kebutuhan.

Contoh kode yang lain:

pos => POS Indonesia (POS)
tiki => Citra Van Titipan Kilat (TIKI)
pcp => Priority Cargo and Package (PCP)
rpx => RPX Holding (RPX)
wahana => Wahana Prestasi Logistik (WAHANA)
sicepat => SiCepat Express (SICEPAT)
jnt => J&T Express (J&T)
sap => SAP Express (SAP)
jet => JET Express (JET)
dse => 21 Express (DSE)
first => First Logistics (FIRST)
lion => Lion Parcel (LION)
ninja => Ninja Xpress (NINJA)
idl => IDL Cargo (IDL)
rex => REX Kiriman Express (REX)
nss => Nusantara Surya Sakti Express (NSS)

Untuk penggunaan script diatas

<script src="https://www.cekpengiriman.com/widget/widget_resi.js"></script>

Kode diatas cukup 1 saja (biar blog tidak lemot). Kemudian silahkan tambahkan kode berikut.

<div class="widgetCekPengiriman" data-kurir="jne"></div>

Untuk yang lain bisa anda atur sendiri, bisa ditambah kode css agar mempercantik penampilan blog tersebut.

Baca Juga: Cara Membuat Web HTML Keren dengan Notepad [Web Portofolio]