Cara Membuat Forum Diskusi Median UI 1.5

Saifulah.id - Forum Diskusi Blogger merupakan salah satu halaman penting yang berfungsi untuk mengobrol tentang sesuatu yang berada diluar topik postingan. Selain itu forum diskusi juga bisa dipakai untuk bertanya jawab sambil menunjukkan gambar screenshot agar mudah melihatkan contoh yang dimaksud.

Mengapa Median UI perlu Forum Diskusi?

Template Median UI terbaru sebenarnya mendukung 3 fitur kolom komentar, yaitu  dari bawaan Blogger, Disqus, dan Facebook. Namun, kebanyakan dari kita pasti akan lebih memilih kolom komentar dari Blogger karena komentar ini terhubung langsung dengan widget komentar yang muncul di Homepage dan bawah judul.

Widget komentar ini menjadi salah satu kelebihan Median UI karena terlihat minimalis dan keren karena terdapat indikator angka yang menjadi penanda jumlah komentar di suatu postingan.

Ditambah lagi, tampilan kolom komentar Blogger di Median UI juga terlihat sangat elegan yang jika di buka, akan menyembul di samping kanan layar seperti kolom Chat.

Tapi, kolom komentar bawaan blogger seringkali tidak bisa dipakai untuk mengirim gambar langsung. Makanya akan susah untuk memperlihatkan gambar ilustrasi agar mudah dipahami saat berkomunikasi.

Untuk mengatasi kelemahan ini, mau tidak mau kita harus menambahkan kolom komentar lain supaya tidak perlu menghilangkan kolom komentar bawaan Blogger.

Kolom komentar yang kita pilih adalah Disqus karena kolom komentar ini mendukung kirim gambar dengan mudah serta ada notifikasi yang realtime via email setiap kali ada komentar baru masuk.

Agar tidak menumpuk 2 kolom komentar sekaligus di postingan, maka kita letakkan kolom komentar Disqus ini di halaman khusus yang kita sebut sebagai Forum Diskusi.

Cara Membuat Forum Diskusi Menggunakan Disqus di Median UI

1. Buka Dashboard 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 masukkan kode berikut di kolom berikutnya
   

   Ini adalah forum diskusi tempat bertanya jawab dan mengobrol santai tentang segala hal. Anda bisa mengirim gambar di sini. Kami tidak menerima pertanyaan tentang Blog via Whatsapp!<br /><br />

   <!--[ Comment disqus ]-->

         <b:includable id="post-commentDisqus">

           <div class="commentDisqus" id="disqus_thread">

             <div class="commentsButton button outline" id="disqusshow" onclick="load_Comments()">

               <span data-text="Tekan Disini Untuk Mulai Berdiskusi">

             </span></div>

           </div>

           <script>/*<![CDATA[*/ var disqus_shortname = "saifullah2709"; !function(){var e=document.createElement("script");e.defer=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="saifullah2709";!function(){var e=document.createElement("script");e.defer=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}; var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script>

         </b:includable>
7. Kata yang saya tandai warna biru boleh kalian ganti bebas seperti yang kalian mau. Sedangkan kata yang saya tandai warna kuning diganti dengan username akun Disqus kalian.
8. Selanjutnya tekan Publikasikan

Demo Forum Diskusi

Demikian cara membuat forum diskusi pada template Median UI v1.5. Jika kalian pakai template lain, caranya mungkin akan berbeda karena pada Median UI versi 1.5 itu sudah dibekali kode Disqus di dalam script template. Makanya saat membuat forum diskusi, kita hanya perlu memasukkan kode pemanggil saja.