membuat komentar disqus, blogger, facebook jadi satu. Saya ingin berbagi pengetahuan, mumpung lagi nganggur. Bagi kalian yang menggunakan platform Blogger dari Google untuk ngeblog, Saya akan memberikan tutorial lengkap untuk meng-custom template kalian, tepatnya dibagian kolom komentar. Kita akan Membuat komentar Disqus, Blogger, Facebook jadi Satu pada Blogspot dengan show hide Seperti gambar dibawah ini .

form komentar disqus, blogger & facebook

Membuat komentar Disqus, Blogger, Facebook jadi Satu pada Blogspot

Karna kolom komentar menjadi sangat penting untuk kemajuan sebuah blog. Dimana kolom komentar  adalah media untuk user (pengguna/pembaca) menyampaikan nilai untuk konten yang anda sediakan secara langsung. Ini juga menjadi salah satu media sebagai Trik mudah SEO (Search Engine Optimation) dengan cara yang biasa kalian sebut dengan namanya Blog Walking. Cukup Bla-bla-blanya.. ikuti Step By Stepnya.

Tutorial Lengkap Blogger: Membuat komentar Disqus, Blogger, Facebook jadi Satu

Langkah Pertama – Pastikan Platform yang Anda gunakan adalah Blogger dari Google (Blogspot.com). Selanjutnya kita akan memasang (bahkan mengganti) barisan-barisan  kode pada template. Setidaknya kalian sudah sedikit akrab dengan bahasa HTML (markup), CSS (style) JavaScript (fungsinya). Perhatikan baik-baik, pada baris kode pada template karena kalian hanya akan saya ajak untuk meng-Copy Paste  saja, Hanya penempatannya saja yang jangan sampai salah. Untuk itu saya sarankan lebih baik kalian Back Up terlebih dahulu template yang akan kalian garap.

1. Merubah Kode CSS

Masuk pada bagian Theme > Edit HTML > .Seperti biasa Kode CSS pasti ditempatkan sebelum tag </head> . Carilah Selektor CSS Comment yg sebelumnya dengan cara tekan  lalu cari #comments atau juga .comments  . Jika ada, maka Hapus Kode Tersebut & ganti  dengan kkode CSS dibawah ini.

dilangkah ini mungkin nanti ada yang memiliki perbedaan layout. jika tampilan kurang pas maka sesuaikan dengan template yang kalian gunakan.

2. Penempatan Kode HTML

Langkah berikutnya cari kode persis seperti kode dibawah dibagian template blogger kalian.

Tepatnya seperti gambar dibawah!

membuat komentar disqus, blogger, facebook jadi satu

dan ganti semua kode yang saya tandai seperti gambar diatas dengan kode HTML dibawah ini.

Belum selesai. cari kode HTML lg seperti dibawah ini.

Ganti semua kode tersebut dengan kode dibawah ini.

3.  Penempatan Kode JavaScript

Sebelumnya tempatkan Kode JavaScript dibawah ini tepat sebelum tag </body>

4. Terakhir (Penting!)

Perhatikan pada kode diatas. cari tulisan USERNAME DISQUS . Ganti Tulisan tersebut dengan Username Disqus Kalian Masing-masing. Jika tidak punya, kalian bisa membuatnya di Disqus.com . Setelah itu silahkan potong dan  hosting kode javascript yang ada di antara kode  //<![CDATA[ KODEJAVASCRIPT //]]>.

Jika tidak memiliki hosting sendiri maka Anda bisa menggunakan Google Drive untuk menghosting javascript-nya. (Namun sepertinya sekarang Google drive sudah tidak lagi memberikan fitur untuk menghosting javascript.) Carilah Alternatif Jika kalian ingin yang gratis-gratis saja. Setelah meng-hosting javascript, panggil kode tersebut, sehingga hasil akhir pada kode yang berada dibawah </body> tadi adalah seperti dibawah ini.

ganti kode URL HOSTING JAVASCRPT YANG DIPANGGIL dengan url hosting javascript kalian tadi.

jika tidak mengerti masalah hosting menghosting javascript, detailnya saya membuat contohnya. perhatikan contoh dibawah!

CONTOH PENERAPAN

Misal saya menghosting Script yang berisikan username disqus saya dihosting saya yang ber-URL https://cdn.k-vin.net/hosting/javascript/disqus.js (lihat gambar dibawah)

membuat komentar disqus, blogger, facebook jadi satu

kode javascript username disqus yang dihosting

Lalu penerapan diblogger pada edit HTML dilangkah yang terakhir td akan menjadi seperti gambar dibawah ini!

membuat komentar disqus, blogger, facebook jadi satu

memanggil URL javascript username disqus yang dihosting

Jika tidak berhasil silahkan teliti apakah ada yang salah atau tidak sesuai dengan tutorial yang saya berikan. Jika tetap saja tidak berhasil silahkan berkomentar dengan sopan di kolom yang telah saya sediakan. Saya akan membantu dengan senang hati. Happy Coding!