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.
Berikut adalah Cara saya membuat class baru.
- Login discus.
- Admin
- Setting
- Install
- Pilih Universal Code.
<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.
0 Response to "Costumize Disqus Color Ala Xepozone"
Post a Comment