Costumize Disqus Color Ala Xepozone

Taukah kalian Disqus Comment? Ini adalah suatu website comment trend masa kini. Banyak website atau blog yang memanfaatkan service yang dimiliki Disqus. Interaksi antara pengunjung dan Admin bagi saya membantu kita untuk Mengoptimalkan SEO pada website atau blog kita.Pertama kali saya memasang Disqus di blog www.xepozone.com saya merasa bahwa ini merupakan wadah komentar yang tepat buat blog saya. Karena Disqus memang mudah digunakan dan lengkap servicenya.

Ketika saya memasang Disqus comment. Saya mengalami kendala dengan Tampilan yang terlalu cerah, sehingga tampilannya tidak jelas. Itu dikarenakan Template Blog ini berwarna putih. Sehingga saya mencari cara untuk mengakali agar lebih jelas.

Setelah saya search di Google, saya menemukan topic cara mengganti warna pada disqus. tapi karena saya belum mahir dalam bahasa CSS. saya melakukan experiment. Karena coba - coba jadi banyak gagalnya. Haha,tapi bisa juga akhirnya. Berdasarkan pengalaman yang saya baca tentang mengganti color disqus. semuanya menggunakan CSS yang di taruh di main CSS template kita. Karena kebutuhan saya menjelaskan warna tulisan yang terlalu cerah. maka saya coba otak atik di menggunakan css.

"Taukah kalian apa yang saya lakukan? " Saya hanya membuat class baru untuk mengubah warna.

Berikut adalah Cara saya membuat class baru.
  • Login discus.
  • Admin
  • Setting
  • Install
  • Pilih Universal Code.
Lalu kita mendapatkan code seperti dibawah :


<div id="disqus_thread">
</div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES * * */
...
...

Lalu kita ubah pada bagian berikut

<div id="disqus_thread">

Menjadi

<div class='xepolah' id="disqus_thread">

Setelah itu, Masukan Code CSS ke dalam Main CSS kita.

.xepolah { color: black !important}


BEFORE

AFTER


Hasilnya adalah tampilan Disqus comment menjadi lebih jelas.

Sumber referesi : https://help.disqus.com/customer/portal/questions/6156825-customize-css

Baiklah teman - teman, itulah cara saya costumize Disqus. Semoga bisa bermanfaat buat kalian.

Click Here if Out Of Topic

Xepozone Live Chat
×
_

Hai! Kamu bisa kirim pesan ke Admin di sini, jangan lupa LIKE Xepozone ya... Terima kasih.