Widget Pembelian

Code Html


<!-- ============= GAMBAR PRODUK ================= -->
<div class='gambar-produk'>
<a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhesKxFCH5BjLtKjYC9YaDu5dePwTFLzEeIY42my-_QHWVQtOnXT_nVnxWRGWKb2lkQ4Q2gKglfORw4jC40vIcVrbL9cmo7Hd1Cwvb5IUmVnGvw_osKHR1vEWNvyskB51UCnEtoOnOlJ0E/s552/laptop1.jpg' title='judul produk'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhesKxFCH5BjLtKjYC9YaDu5dePwTFLzEeIY42my-_QHWVQtOnXT_nVnxWRGWKb2lkQ4Q2gKglfORw4jC40vIcVrbL9cmo7Hd1Cwvb5IUmVnGvw_osKHR1vEWNvyskB51UCnEtoOnOlJ0E/s320/laptop1.jpg' title='judul produk'/></a>

<a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEispJh05UixBq6CVz6hoxF4Pq8laVL4mSIZtqeVk66bH-CfOMsLfVCm-bXyVdp0X0L1LaT7bvimgBxnX0LnMDdwE6UjrApPdRDS3r2z1jQ6ZYoy6UnxcS63h_oGFpEPxkpyLorKjSNbxko/s960/laptop2.jpg' title='judul produk'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEispJh05UixBq6CVz6hoxF4Pq8laVL4mSIZtqeVk66bH-CfOMsLfVCm-bXyVdp0X0L1LaT7bvimgBxnX0LnMDdwE6UjrApPdRDS3r2z1jQ6ZYoy6UnxcS63h_oGFpEPxkpyLorKjSNbxko/s320/laptop2.jpg' title='judul produk'/></a>

<a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0cxxSSpJHS75Vppcx7Qq6foAnl7v2bPK23OsmPKt-NZHLVTPYJmkyJaFgav0y9lpFcfRLvOn8-hoj6XQVUM4l2H8pFIp_GP5rYDP_I-QJVUmwcHE6Vi_wpcqhSqBdPb2q9aeFu-AkGKs/s285/laptop3.jpg' title='judul produk'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0cxxSSpJHS75Vppcx7Qq6foAnl7v2bPK23OsmPKt-NZHLVTPYJmkyJaFgav0y9lpFcfRLvOn8-hoj6XQVUM4l2H8pFIp_GP5rYDP_I-QJVUmwcHE6Vi_wpcqhSqBdPb2q9aeFu-AkGKs/s0/laptop3.jpg' title='judul produk'/></a>
  
</div>
<!-- ============= GAMBAR PRODUK ================= -->
<div class='produk-kanan'>
<!-- ============= STATUS PRODUK ================= -->  
<div class='status-produk'>Promo</div>
<!-- ============= STATUS PRODUK ================= --> 
<!-- ============= HARGA PRODUK ================= -->
<div class='harga-produk'>
<strike>Rp.4.500.000</strike><br/>
<span id='harga'>Rp.3.000.000</span>
</div>
<!-- ============= HARGA PRODUK ================= -->
<!-- ============= RATING PRODUK ================= -->
<span class='rating-produk'>
<b class='widget-rating'>    
<i class='icon-star'></i>
<i class='icon-star'></i>
<i class='icon-star'></i>
<i class='icon-star'></i>
<i class='icon-star silver'></i>
<i class='icon-star-angka'>4.0</i></b>
</span>
<!-- ============= RATING PRODUK ================= -->
<!-- ============= CATATAN PEMBELI ================= -->
<div class='input-field'>
<textarea id='catatan' maxlength='100' placeholder='Catatan Pembeli'></textarea>
</div>
<!-- ============= CATATAN PEMBELI ================= -->
<a href='javascript:void' class='tombol-bukatutup' id='beli-sekarang' title='Beli Sekarang'>Beli Sekarang</a>
<!-- ============= MARKETPLACE ================= -->
<div class='marketplace'>

</div>
<!-- ============= MARKETPLACE ================= -->
</div>
<!-- ============= DESKRIPSI PRODUK ================= -->
<div class='deskripsi-produk'>
<h3>Deskripsi Produk</h3>
<!-- ============= TABLE PRODUK ================= -->
<table cellpadding='0' cellspacing='0' style='text-align: left;'>
<tbody>
<tr><td><b>Stok</b></td> <td>3889</td></tr>
<tr><td><b>Merek</b></td> <td>Tidak Ada Merek</td></tr>
<tr><td><b>Dikirim Dari</b></td> <td>Jakarta Barat DKI</td></tr>
<tr><td><b>Ukuran</b></td> <td>38 - 42</td></tr>
<tr><td><b>Warna</b></td> <td>Hitam, Army</td></tr>
</tbody>
</table>
<!-- ============= TABLE PRODUK ================= -->
<!-- tuliskan deskripsi produk kalian di sini-->
<br>
Deskripsi Harus edit pake kode html 
</div>