Cara Membuat Postingan Produk Pada Template Median UI

Image_title
Rp. 10.000
UkuranSmall, Medium, Large, X Large
WarnaMerah, Kuning, HIjau, Biru
CatatanIni adalah contoh postingan produk di template Median UI
atau Belanja melalui "Market Place" favorit anda :
Saifullah.id Jadi Median UI itu sebenarnya sudah mendukung postingan khusus untuk berjualan barang atau jasa. Dengan kata lain, setelah membeli template Median UI kita tidak perlu lagi membeli template lain khusus toko online.

Namun, yang jadi masalah adalah pemakai template Median UI banyak yang tidak tahu cara posting produknya. Oleh sebab itu, berikut saya bagikan tutorialnya.

Cara Posting Produk Pada Template Median UI
Sebelum posting, kita buat "template postingan" terlebih dahulu agar tidak perlu copy paste kode setiap kali ingin upload barang jualan terbaru.

1. Cara Membuat Template Postingan
  1. Buka Blogger
  2. Tekan Setelan
  3. Tekan Template entri (opsional)
    Cara Membuat Postingan Produk Pada Template Median UI

  4. Lalu masukkan Kode Script Postingan (tekan tab di atas untuk cek kode)
  5. Simpan
2. Cara Posting Produk
  1. Buka Blogger
  2. Tekan Postingan
  3. Tekan + POSTINGAN BARU
  4. Tekan simbol Pensil, lalu ubah ke < > Edit HTML
  5. Lalu ubah bagian ini
    Cara Membuat Postingan Produk Pada Template Median UI
    Cara Membuat Postingan Produk Pada Template Median UI

  6. Jangan lupa isi bagian Label, Permalink, dan Deskripsi Penelusuran
    Cara Membuat Postingan Produk Pada Template Median UI
    Label wajib di isi dengan kata Product agar harganya tampil di Homepage. Sedangkan Permalink sebaiknya di isi menggunakan tools Slug Converter agar postingan lebih SEO friendly
  7. Tekan Publikasikan

Kelebihan Jualan di Median UI
  1. Templatenya ringan
  2. Sudah ada fitur harga, ukuran, warna, dan link ke Marketplace
  3. Bagian deskripsi produk juga bisa di isi beberapa tab yang bisa di kostum sendiri.

Kekurangan Jualan di Median UI
  1. Posting produk agak ribet karena berhubungan langsung dengan kode HTML
  2. Cocok untuk pajang produk saja, tidak bisa langsung memilih pesanan
  3. Terdapat bug pada tombol Tabs
  4. Ukuran dan Warna tidak bisa di klik
  5. Tidak tersedia tombol Order by Whatsapp
  6. Belum mendukung Form Whatsapp Otomatis
  7. Intinya tidak sebagus dan sesimpel pakai Wordpress
Jika kalian niat serius berjualan online, sebaiknya pakai Wordpress seperti olshop saya. Silakan lihat sendiri di sini https://m.saifullah.id

<div class='separator'>
  <img alt='Image_title' src='Image_src' />
</div>

<!--[ Price to show in homepage ]-->
<div class='proPrice' data-text='Price'>Rp. 200.000</div>
<!--more-->

<div class='proInfo'>
  <div class='proInfoL'><small>Size</small><span>Small, Medium, Large, X Large</span></div>
  <div class='proInfoR'><small>Color</small><span>Merah, Kuning, HIjau, Biru</span></div>
</div>
<div class='proInfo one'><small>Sample</small><span>Nullam congue euismod euismod, mauris lacinia pellentesque vehicula</span></div>

<div class='proMarket'>
  <small>atau Belanja melalui "<b>Market Place</b>" favorit anda :</small>
  
  <!--[ Change attribute href='#' to add url ]-->
  <a title='Tokopedia' href='#' target='_blank' rel='noopener'>
    <img class='lazy' data-src='https://cdn.statically.io/favicons/tokopedia.com' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='>
  </a>
  <a title='Bukalapak' href='#' target='_blank' rel='noopener'>
    <img class='lazy' data-src='https://cdn.statically.io/favicons/bukalapak.com' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='>
  </a>
  <a title='Shopee' href='#' target='_blank' rel='noopener'>
    <img class='lazy' data-src='https://cdn.statically.io/favicons/shopee.co.id' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='>
  </a>
  <a title='Lazada' href='#' target='_blank' rel='noopener'>
    <img class='lazy' data-src='https://cdn.statically.io/favicons/lazada.co.id' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='>
  </a>
</div>

<!--[ Active function ]-->
<input class='allTabs hidden' id='forall-tabs1' type='radio' name='postTabs' checked>
<input class='allTabs hidden' id='forall-tabs2' type='radio' name='postTabs'>
<input class='allTabs hidden' id='forall-tabs3' type='radio' name='postTabs'>
<div class='postTabs'>
  <div class='tabsHead'>
    <!--[ Change atribute data-text='...' to replace tabs title ]-->
    <label for='forall-tabs1' data-text='Deskripsi'></label>
    <label for='forall-tabs2' data-text='Tabs_2'></label>
    <label for='forall-tabs3' data-text='Tabs_3'></label>
  </div>

  <div class='tabsContent'>
    <!--[ Tabs content ]-->
    <div class='tabsContent-1'>

      <!--[ Your content goes here ]-->

    </div>

    <!--[ Tabs content ]-->
    <div class='tabsContent-2'>

      <!--[ Your content goes here ]-->

    </div>

    <!--[ Tabs content ]-->
    <div class='tabsContent-3'>

      <!--[ Your content goes here ]-->

    </div>
  </div>
</div>

Mau donasi lewat mana?

BRI - Saifullah (05680-10003-81533)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan donasi. Klik tombol merah.