Scrip Cek Resi & Ongkir ver 2 blogger

<style>

  #cp-wrapper {

    max-width: 400px; /* Lebar bingkai merah */

    margin: 40px auto;

    background: #8B0000; /* Merah hati */

    padding: 30px 0; /* Padding atas bawah saja */

    border-radius: 20px;

    font-family: Arial, sans-serif;

    color: #ffffff;

    box-sizing: border-box;

    text-align: center;

    position: relative;

  }

  #cp-header span {

    display: block;

    font-size: 13px;

    opacity: 0.9;

    margin-bottom: 5px;

  }

  #cp-header h2 {

    margin: 0 0 20px 0;

    font-size: 20px;

    color: #FFD700; /* Gold */

    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);

  }

  /* KONTROL BOX PUTIH AGAR TUMPAH KIRI & KANAN */

  #cp_widget_free {

    background: #ffffff !important;

    border-radius: 8px !important;

    padding: 5px !important;

    

    /* Membuat box lebih lebar dari merah dan digeser ke kiri agar imbang */

    width: 110% !important; 

    margin-left: -5% !important; 

    

    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;

    box-sizing: border-box !important;

    display: block !important;

    position: relative !important;

    z-index: 10;

  }

  /* Memastikan konten di dalam widget mengikuti lebar baru */

  #cp_widget_free * {

    max-width: 100% !important;

    box-sizing: border-box !important;

  }

</style>

<div id="cp-wrapper">

  <div id="cp-header">

    <span>@BumbuMasakBarokah</span>

    <h2>📦 CEK RESI & ONGKIR</h2>

  </div>

  

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

</div>

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