Help

Salin kode dibawah ini semuanya, dengan menggunakan mode HTML halaman postingan.

<div class="col-1">
<div class="promotion-box">
<div class="promotion-image">
<a target="_blank" href="#">
<img src="https://ecs7.tokopedia.net/img/blog/promo/2019/08/Thumbnail_600x328_GENERAL.jpg" class="lazyload" alt="Gajian Ekstra dengan promo hingga Rp150,000 dari Bank Partner." scale="0"/></a>
</div>
<div class="promotion-description">
<p>Gajian Ekstra dengan promo hingga Rp150,000 dari Bank Partner. </p>
<div class="promotion-date">
<div class="promotion-date-detail">
<div class="promotion-box-label text-secondary">Periode Promo</div>
<div class="promotion-box__value">25 - 31 Agu 2019 </div>
</div>
</div>
<div class="promotion-code">
<div class="promotion-code-detail">
<div class="promotion-box-label text-secondary">Tanpa Kode Promo</div>
</div>
</div>
</div>
<div class="promotion-cta">
<a target="_blank" href="#">Lihat Detail</a>
</div>
</div>
</div>
<!-- 2 -->
<div class="col-1">
<div class="promotion-box">
<div class="promotion-image">
<a target="_blank" href="#">
<img src="https://ecs7.tokopedia.net/img/blog/promo/2019/08/Thumbnail-600x328-31.jpg" class="lazyload" alt="Gajian Ekstra dengan promo hingga Rp150,000 dari Bank Partner." scale="0"/></a>
</div>
<div class="promotion-description">
<p>Bayar Pakai OVO PayLater, Gratis Biaya Admin!</p>
<div class="promotion-date">
<div class="promotion-date-detail">
<div class="promotion-box-label text-secondary">Periode Promo</div>
<div class="promotion-box__value">25 - 31 Agu 2019 </div>
</div>
</div>
<div class="promotion-code">
<div class="promotion-code-detail">
<div class="promotion-box-label text-secondary">Tanpa Kode Promo</div>
</div>
</div>
</div>
<div class="promotion-cta">
<a target="_blank" href="#">Lihat Detail</a>
</div>
</div>
</div>
<!-- 3 -->
<div class="col-1">
<div class="promotion-box">
<div class="promotion-image">
<a target="_blank" href="#">
<img src="https://ecs7.tokopedia.net/img/blog/promo/2019/08/Thumbnail-1.png" class="lazyload" alt="Gajian Ekstra dengan promo hingga Rp150,000 dari Bank Partner." scale="0"/></a>
</div>
<div class="promotion-description">
<p>Bibir Merona Dengan Pearl & Darling, Gratis Pouch!</p>
<div class="promotion-date">
<div class="promotion-date-detail">
<div class="promotion-box-label text-secondary">Periode Promo</div>
<div class="promotion-box__value">25 - 31 Agu 2019 </div>
</div>
</div>
<div class="promotion-code">
<div class="promotion-code-detail">
<div class="promotion-box-label text-secondary">Tanpa Kode Promo</div>
</div>
</div>
</div>
<div class="promotion-cta">
<a target="_blank" href="#">Lihat Detail</a>
</div>
</div>
</div>

<style>
body, #post-wrapper, #wrapper {background:#f8f8f8;}
#post-wrapper {width:100%!important;}
.col-1 {width:33.33333333%;float:left;padding-right:15px;padding-left:15px;}
.promotion-box{background:#fff;border-radius:4px;overflow:hidden;margin-bottom:25px;-webkit-transition:.5s;transition:.5s}
.promotion-image{height:auto}
.promotion-description{border-color:#e0e0e0;border-style:solid;border-width:0 1px;padding:18px}
.promotion-box p{height:40px;overflow:hidden;font-weight:600}
.promotion-date{margin-top:0;margin-bottom:0;padding-top:10px;height:55px;overflow:hidden}
.promotion-code-detail,.promotion-date-detail{position:relative;padding-left:30px}
.promotion-date-detail:before{background-image:url(https://ecs7.tokopedia.net/assets/images/ic_periode.png)}
.promotion-date-detail:before,.promotion-code-detail:before{position:absolute;content:" ";left:0;top:50%;background-repeat:no-repeat;background-size:20px 20px;transform:translateY(-50%);width:20px;height:20px}
.promotion-code{position:relative;height:40px}.promotion-code-detail{display:inline-block}.promotion-code-detail,.promotion-date-detail{position:relative;padding-left:30px}.promotion-code-detail:before{background-image:url(https://ecs7.tokopedia.net/assets/images/ic_kode.png)}.promotion-date-detail:before,.promotion-code-detail:before{position:absolute;content:" ";left:0;top:50%;background-repeat:no-repeat;background-size:20px 20px;transform:translateY(-50%);width:20px;height:20px}
.promotion-cta{border:1px solid #e0e0e0;padding:18px}
.promotion-cta a{background:#42b549;text-align:center;padding:10px;font-weight:600;color:#fff!important;border-radius:4px;border:1px solid #fff;-webkit-transition:.2s;transition:.2s;display:block}
.promotion-cta a:hover {background: #008000;}
@media only screen and (max-width:640px){.col-1 {width:50%;}}
@media only screen and (max-width:480px){.col-1 {width:100%;}}
</style>

+ Keterangan : Ubah url gambar yang saya beri tanda garis, dengan gambar produk diskon tawaran milik Anda.

+ Tanda " # " Ubah dengan Alamat URL Halaman produk