Selasa, 04 Januari 2011

Copy kode universal pada disqus.com ke dalam SLiMS

Ini merupakan co-pas dari milis ics-isis. Jawaban Pak Hendro Wicaksono atas sebuah pertanyan pada milis tersebut.

Sumber Milis Ics-ISIS
Maaf baru dibales, email nya keliwat. Kayanya pernah japri juga ya. Oke saya
jawab di milis ini saja ya, karena memang milis ini media resmi untuk support
komunitas pengguna senayan *menjura hormat ke pak suryadi liawatimena atas
tumpangannya*.

Okeh, berdasarkan pengalaman saya mengintegrasikan disqus di
http://perpustakaan.depdiknas.go.id, berikut ini cara nya.

1. Pastikan anda sudah mempunyai akun di disqus.com. Web
http://perpustakaan.depdiknas.go.id merupakan web dengan IP public yang bisa
diakses via internet. Untuk web senayan lokal/intranet, akan ada setting yang
harus di sesuaikan. Sekarang ikuti saja langkah2 yang ada.

2. Login ke disqus.com kemudian klik Service "COMMENTS". Pada sebelah kanan
atas, di dekat menu profil, ada javascript dropdown menu, pilih Install
Instruction. Akan muncul pilihan platform instalasi seperti wordpress, drupal,
joomla, dll. Pilih yang "Universal Code".

3. Masuk ke folder template yang anda gunakan. Untuk contoh, saya pakai template
igos. Jadi saya masuk ke folder template/igos.

4. Buka file detail_template.php.

5. dari disqus, edit kode 1, kemudian paste sebelum tag penutup table. Jadinya
kira2 seperti ini:
<tr>
<td style="width: 20%;" valign="top">&nbsp;</td>
<td style="width: 80%;" valign="top"><a href="javascript:
history.back();"><?php print __('Back To Previous'); ?></a></td>
</tr>

<tr>
<td colspan='2' style="width: 80%;" valign="top">
<div id="disqus_thread"></div><script type="text/javascript"
src="http://disqus.com/forums/libraryatsenayan/embed.js"></script><noscript><a
href="http://disqus.com/forums/libraryatsenayan/?url=ref">View the discussion
thread.</a></noscript><a href="http://disqus.com">blog
comments powered by <span>Disqus</span></a>
</a></td>
</tr>

</table>
<?php
// put the buffer to template var
$detail_template = ob_get_clean();
?>

6. Jangan lupa di save. Kemudian edit file index_template.inc.php. Kopi kode 2
dari disqus. Kemudian paste persis sebelum tag penutup </body>. Kira2 akan jadi
seperti ini:
<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) +
'&';
}
}
document.write('<script charset="utf-8" type="text/javascript"
src="http://disqus.com/forums/libraryatsenayan/get_num_replies.js' + query +
'"></' + 'script>');
})();
//]]>
</script>

</body>
</html>

7. Jangan lupa di save.

Harusnya sekarang layanan disqus sudah terintegrasikan dengan senayan.

Beberapa variabel di setting javascript dari disqus bisa diubah dan disesuaikan
dengan kondisi kita. Silahkan baca: http://disqus.com/docs/embed/.

Hanya saja ada yang harus diperhatikan jika server senayan anda terletak di
intranet.

Pertama, pastikan server senayan intranet anda bisa melakukan koneksi internet.
Kok perlu? Ya iyalah untuk mengambil sekrip2 javascript ajaib dari disqus.com.

Kedua, Edit index_template.inc.php. Kemudian selipkan diantara tag <head> dan
</head>, baris berikut ini:
<script type="text/javascript">
var disqus_developer = 1;
</script>

Ini untuk mengaktifkan developer mode di disqus.

Okeh selamat mencoba. Maaf tanpa screenshot.

Semoga bermanfaat,
Hendro Wicaksono
SLiMS Lead Developer
NB: Contoh lain implementasi disqus bisa dilihat di web

http://dailysocial.net/
Kebetulan salah satu programmer senayan (Arie Nugraha) pernah diwawancarai. Bisa
dibaca disini: http://dailysocial.net/2009/06/04/senayan-open-source-library-management-system/

http://perpustakaan.kemdiknas.go.id

http://gresnews.com/research/

4 komentar:

  1. wah baru saja mau nulis tentang disqus di slims eh.., udah keduluan

    BalasHapus
  2. wah, kayakya tulisan diatas dari sang developer. Aku ga berani ntar kualat. sebagai ganti dah kupersiapkan tulisan yang lain. Siap2 direview aja

    BalasHapus