Mengubah Posisi dan Ukuran Komentar Disqus Pada WordPress

Posted on

Disqus merupakan salah satu penyedia layanan komentar pihak ketiga yang paling populer saat ini, tercatat tahun 2010 ada 13 juta pengguna Disqus yang aktif. Sejak tahun 2012, Disqus memperkenalkan sistem manajemen komentar terbaru dimana mereka menggunakan iFrame yang mereka anggap memiliki banyak keunggulan seperti mudah dicrawling oleh Google serta loadingnya yang ringan dan cepat, sayangnya pada Disqus 2012 ini fitur CSS yang sebelumnya ada kini dihilangkan.

Umumnya fitur CSS digunakan untuk mengubah warna tampilan kolom komentar serta mengubah ukurannya. Memang pada WordPress ukuran komentar Disqus 2012 akan otomatis menyesuaikan dengan kolom komentar standar (bawaan), tapi hal tersebut tidak berlaku untuk semua tema. Nah, jika sudah demikian, lantas bagaimana cara mengaturnya?

Cara yang paling mudah mengatur ukuran kotak komentar Disqus 2012 adalah dengan mengatur CSSnya, tapi yang ini bukan mengatur dari template (tema) ataupun dari settingan Disqus melainkan dari fitur Edit CSS yang ada pada plugin Jetpack. Caranya sangat sederhana, cukup tambahkan kode berikut:

  1. Pasang dan aktifkan plugin Jetpack
  2. Pastikan anda telah mengaktifkan fitu CSS Editor pada Jetpack
  3. Masuk ke dashboard blog anda, kemudian masuk ke preference (tampilan), kemudian pilih CSS Editor
  4. Masukan kode berikut:

    #disqus_thread { margin-left: 20px; margin-right: 20px; margin-top: 25px;}

  5. Ubah angkanya sesuai ukuran yang anda inginkan
  6. Simpan settingan CSS yang baru tersebut, maka kotak komentar disqus akan berubah.

Leave a Reply

Your email address will not be published. Required fields are marked *