Cara Membuat Forum Diskusi Pada Median UI 1.6

Cara Membuat Forum Diskusi Pada Median UI 1.6
Saifulah.id
 - Sebenarnya dulu saya pernah membagikan tutorial cara membuat forum diskusi untuk Median UI, namun tutorial tersebut khusus untuk Median UI versi 1.5 saja. Kemarin ada yang bertanya,"Bang, mengapa hasilnya berantakan walaupun saya sudah mengikuti tutorialnya dengan teliti?" Setelah dicari tahu, ternyata dia menggunakan Median UI versi 1.6.


Perlu diketahui bahwa, template Median UI masing-masing versi menggunakan kode CSS, HTML, dan Javascript yang berbeda-beda. Sehingga tutorial untuk Median UI versi sebelumnya belum tentu cocok untuk versi selanjutnya.

Dikarenakan banyak yang mencari cara membuat Forum Diskusi di Median UI 1.6, berikut saya bagikan langkah-langkah cara pembuatannya.
Catatan: Median UI 1.6 tidak perlu menggunakan kolom komentar Disqus, karena sudah support membaca gambar di kolom komentar. Jadi kita buat forum diskusi yang simpel saja, langsung pakai kolom komentar bawaan dari Blogger.

Cara Membuat Forum Diskusi Median UI 1.6

Ada 3 bagian yang harus kita lakukan, saya menamainnya dengan A, B, dan C.

A. Membuat Halaman Baru

  1. Buka Blogger
  2. Tekan Halaman
  3. Klik + Halaman Baru
  4. Tekan gambar Pensil, lalu ubah ke Tampilan HTML
  5. Isi kolom judul dengan kata Forum Diskusi
  6. Kemudian buat pesan di kolom berikutnya, misalnya seperti ini
    Ini adalah forum diskusi tempat bertanya jawab dan mengobrol santai tentang segala hal. Anda bisa mengirim gambar di sini. 
  7. Tekan Publikasikan

B. Mengaktifkan Kolom Komentar di Halaman

  1. Buka Blogger
  2. Klik Tema
  3. Tekan icon Segitiga Terbalik
  4. Pilih Edit HTML
    Cara Membuat Label di bawah Widget Mobile Menu Median UI

  5. Cari kode <!--[ Blogger Comments ]-->
  6. Kamu akan menemukan kode seperti ini di bawahnya
    <b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>
  7. Lalu ganti dengan kode berikut
    <b:include cond='data:post.allowComments and data:view.isSingleItem and !data:view.isPreview' data='post' name='threadedComments-modifV3'/>

C. Cara Menghilangkan Breadcrumb

  1. Cari kode <!--[ Post brdCmb ]-->
  2. Ganti kode ini
    <b:include cond='data:view.isSingleItem' data='post' name='breadcrumb'/>
  3. Menjadi seperti ini
    <b:include cond='data:view.isPost' data='post' name='breadcrumb'/>
  4. Simpan Tema

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 balas dengan donasi. Tekan tombol merah.