Membuat postingan produk pada template ICloudice v1.53

Daftar Isi

Hello sobat kali ini admin akan menjabarkan mengenai bagaimana caranya membuat postingan produk di blogger khusus pengguna template ICloudice Premium v1.53

Info: Jika kamu sudah penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Postingan Produk

Apa itu postingan produk di blogger? Postingan produk di Blogger adalah jenis konten yang dibuat untuk mempromosikan dan menjelaskan produk tertentu di Blogger. Dalam postingan ini, penulis biasanya mencakup detail-detail penting tentang produk yang di maksud, semisal deskripsi produk, harga, testimoni, dan link pembelian

Contoh Tampilan

Jika kamu penasaran bagaimana contoh tampilan dari postingan produk pada template ICloudice v1.53 Premium, silahkan periksa menggunakan tombol di bawah ini

Periksa

Cara pembuatan

Baiklah sobat sekarang saatnya admin jelaskan mengenai cara membuat postingan produk pada template ICloudice v1.53 premium, silahkan baca dan ikuti setiap arahan yang bakal admin jelaskan di bawah ini

1. Langkah pertama yang bisa kamu lakukan adalah membuat postingan baru atau halaman baru
2. Kemudian berikan judul khusus untuk produk kamu semisal Flashdisk murah cuma 10ribua-an atau terserah kamu aja
3. Jika sudah silahkan salin seluruh kode HTML di bawah ini untuk membuat postingan produk pada template ICloudice v1.53

<div class='pPric pPad' data-text='Price'>Rp.53.000</div>

<div class='psImg scImg scrlH'>
<img class='fullN' alt="keterangan_gambar_1" src="url_gambar_1"/>
<img class='fullN' alt="keterangan_gambar_2" src="url_gambar_2"/>
<img class='fullN' alt="keterangan_gambar_3" src="url_gambar_3"/>
<img class='fullN' alt="keterangan_gambar_4" src="url_gambar_4"/>
<img class='fullN' alt="keterangan_gambar_5" src="url_gambar_5"/>
</div>
<hr>
<input class='tbIn hidden' id='fTabs-1' type='radio' name='postTabs' checked>
<input class='tbIn hidden' id='fTabs-2' type='radio' name='postTabs'>
<input class='tbIn hidden' id='fTabs-3' type='radio' name='postTabs'>
<input class='tbIn hidden' id='fTabs-4' type='radio' name='postTabs'>
<input class='tbIn hidden' id='fTabs-5' type='radio' name='postTabs'>

<div class='tbHd scrlH stick'>
 <label for='fTabs-1' data-text='Deskripsi'></label>
<label for='fTabs-2' data-text='Fitur'></label>
<label for='fTabs-3' data-text='Pembayaran'></label>
<label for='fTabs-4' data-text='Donwload'></label>
<label for='fTabs-5' data-text='Beli'></label>
</div>

<div class='tbCn'>
<!--[ Tabs content ]-->
<div class='tbText-1'>
<p>Deskripsi Produk</p>
</div>

<!--[ Tabs content ]-->
<div class='tbText-2'>
<p>Fitur produk</p>
</div>

<!--[ Tabs content ]-->
<div class='tbText-3'>
<p>Cara melakukan pembayaran</p>
</div>

<!--[ Tabs content ]-->
<div class='tbText-4'>
<p>Information download produk digital</p>
</div>

<!--[ Tabs content ]-->
<div class='tbText-5'>
<p>Informasi cara melakukan pembelian</p>
</div>
</div>

Penting: Silahkan ubah atau edit teks yang kamu perlukan pada kode di atas sesuai produk yang kamu jual dalam postingan produk tersebut

4. Jika sudah silahkan simpan template dan periksa bagaimana hasilnya