Social Networking on SLiMS Online

About Online Public Access Catalogue in SLiMS (theme modification, effective search, etc.)

Moderators: wynerst, buitenzorg812, purwoko, sutriadi, ido, Dicarve, ridorido

Post Reply
User avatar
KutaroMiriogi
Posts: 7
Joined: 27 Sep 2011, 12:16
Contact:

Social Networking on SLiMS Online

Post by KutaroMiriogi » 27 Sep 2011, 13:16

Saat berkumpul dengan Crew Komunitas SLiMS Jogjakarta, seorang teman melontarkan pertanyaan, "Kira-kira bisa nggak ya, pada setiap halaman Detail Record diberi tombol Facebook Like?" (maklum dia seorang blogger kampiun yang memandang Social Networkin merupakan alat yang bagus untuk melakukan promosi, termasuk promosi perpustakaan.
Saya berpikir, secara logika hal tersebut bisa dilakukan dengan menempelkan kode (plugin) social networking ke dalam SLiMS. Tapi di manakah kode tersebut harus ditempelkan?
2-3 hari yang lalu saya mencoba untuk merealisasikan gagasan tersebut.
Dan inilah hasilnya.

Silahkan buka file detail_template.php dan index_template.php yang terletak di direktori (misalnya) D:/psenayan/apache/htdocs/senayan3-stable14/template menggunakan teks editor.

Pada file index_template.php cari kode seperti di bawah ini:

Code: Select all

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head><title><?php echo $page_title; ?></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Ubah menjadi :

Code: Select all

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"  xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"><head><title><?php echo $page_title; ?></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Perubahan detail_template.php dilakukan pada baris ke-7 setelah sintaks

Code: Select all

<table class="border margined" style="width: 99%;" cellpadding="5" cellspacing="0">
Kode yang digunakan berasal dari plugins umum yang banyak dipakai oleh pengelola websit atau blogger. Saya sendiri hanya melakukan COPAS dari sebuah blog yang menggunakan plugin tersebut.

Kode plugin tersebut adalah seperti di bawah ini :

Code: Select all

<div class="articleshare clearfix">

<style>
.articleshare  {padding-top:10px;padding-bottom:5px;}
.fl {float:left;}
.fr {float:right;}
.pr5 {padding-right:5px;}
#___plusone_0 {width:70px !important;}
</style>

<div class="fl pr5">
    <a name="fb_share" type="button_count" share_url="http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}" href="http://www.facebook.com/sharer.php?u=http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}">Share</a>
     <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</div>

<div class="fl">
    <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}" data-text="" data-count="horizontal"  data-counturl="http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}">Tweet</a>
	<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

<div class="fl">
	<div class="g-plusone" data-href="http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}" data-size="medium"></div>
		<script type="text/javascript">
          (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
          })();
        </script>

</div>

<div class="clearfix"></div>
</div>

</td>
</tr>
Hasil yang kita dapatkan pada file tersebut akan menjadi seperti ini :

Code: Select all

    <table class="border margined" style="width: 99%;" cellpadding="5" cellspacing="0">
<tr>
<td class="tblHead" style="width: 20%;" valign="top"></td>
<td class="tblContent" style="width: 80%;" valign="top">

<div class="articleshare clearfix">

<style>
.articleshare  {padding-top:10px;padding-bottom:5px;}
.fl {float:left;}
.fr {float:right;}
.pr5 {padding-right:5px;}
#___plusone_0 {width:70px !important;}
</style>

<div class="fl pr5">
    <a name="fb_share" type="button_count" share_url="http://irigomi.com/library/index.php?p=show_detail&id=1" href="http://www.facebook.com/sharer.php?u=http://irigomi.com/library/index.php?p=show_detail&id=1">Share</a>
     <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</div>

<div class="fl">
    <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://irigomi.com/library/index.php?p=show_detail&id=1" data-text="" data-count="horizontal"  data-counturl="http://irigomi.com/library/index.php?p=show_detail&id=1">Tweet</a>
	<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

<div class="fl">
	<div class="g-plusone" data-href="http://irigomi.com/library/index.php?p=show_detail&id=1" data-size="medium"></div>
		<script type="text/javascript">
          (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
          })();
        </script>

</div>

<div class="clearfix"></div>
</div>

</td>
</tr>
<tr>
<td class="tblHead" style="width: 20%;" valign="top">Title</td>
<td class="tblContent" style="width: 80%;" valign="top">Thor</td>
</tr>
.... dan seterusnya
Plugin ini hanya bisa digunakan untuk SLiMS yang sudah online. Jika dicoba di http://localhost yang terkoneksi dengan internet hanya akan menampilkan hasilnya namun tidak dapat bekerja.

Untuk hasil yang sudah jadi silahkan buka link ini http://irigomi.com/library/index.php?p= ... tail&id=2"

Demikian, selamat mencoba.
Last edited by KutaroMiriogi on 28 Sep 2011, 23:38, edited 1 time in total.
Image

User avatar
purwoko
Posts: 60
Joined: 24 Sep 2011, 14:08
Location: Jogjakarta
Contact:

Re: Social Networking on SLiMS Online

Post by purwoko » 27 Sep 2011, 16:00

sundul gan.
Hasilnya ini ya pak Image

User avatar
KutaroMiriogi
Posts: 7
Joined: 27 Sep 2011, 12:16
Contact:

Re: Social Networking on SLiMS Online

Post by KutaroMiriogi » 27 Sep 2011, 17:09

@ Purwoko
Maksud awal seperti gambar tersebut di atas. Namun saat saya aplikasikan kode FB Like Button tersebut, kok masih belum berhasil.
Pikir-pikir dari pada hanya satu souce social networking lebih baik ke beberapa sekalian. Seperti yang populer digunakan antara lain plugin Share This atau Add This.
Alhamdulillaah udah berhasil dicoba ke G+, Twitter dan FB.
Oya, mungkin ada teman lain yang ingin menyempurnakannya? Sebab saya yakin itu masih banyak kurangnya.
Image

purwanto
Posts: 1
Joined: 27 Sep 2011, 18:54

Re: Social Networking on SLiMS Online

Post by purwanto » 27 Sep 2011, 19:02

mantab tipsnya, SLIMS kian ok aja :D

hardan
Posts: 19
Joined: 20 Jan 2012, 13:19
Location: Pekanbaru - Riau
Contact:

Re: Social Networking on SLiMS Online

Post by hardan » 23 Jan 2012, 13:15

KutaroMiriogi wrote:Saat berkumpul dengan Crew Komunitas SLiMS Jogjakarta, seorang teman melontarkan pertanyaan, "Kira-kira bisa nggak ya, pada setiap halaman Detail Record diberi tombol Facebook Like?" (maklum dia seorang blogger kampiun yang memandang Social Networkin merupakan alat yang bagus untuk melakukan promosi, termasuk promosi perpustakaan.
Saya berpikir, secara logika hal tersebut bisa dilakukan dengan menempelkan kode (plugin) social networking ke dalam SLiMS. Tapi di manakah kode tersebut harus ditempelkan?
2-3 hari yang lalu saya mencoba untuk merealisasikan gagasan tersebut.
Dan inilah hasilnya.

Silahkan buka file detail_template.php dan index_template.php yang terletak di direktori (misalnya) D:/psenayan/apache/htdocs/senayan3-stable14/template menggunakan teks editor.

Pada file index_template.php cari kode seperti di bawah ini:

Code: Select all

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"><head><title><?php echo $page_title; ?></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Ubah menjadi :

Code: Select all

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"  xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"><head><title><?php echo $page_title; ?></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Perubahan detail_template.php dilakukan pada baris ke-7 setelah sintaks

Code: Select all

<table class="border margined" style="width: 99%;" cellpadding="5" cellspacing="0">
Kode yang digunakan berasal dari plugins umum yang banyak dipakai oleh pengelola websit atau blogger. Saya sendiri hanya melakukan COPAS dari sebuah blog yang menggunakan plugin tersebut.

Kode plugin tersebut adalah seperti di bawah ini :

Code: Select all

<div class="articleshare clearfix">

<style>
.articleshare  {padding-top:10px;padding-bottom:5px;}
.fl {float:left;}
.fr {float:right;}
.pr5 {padding-right:5px;}
#___plusone_0 {width:70px !important;}
</style>

<div class="fl pr5">
    <a name="fb_share" type="button_count" share_url="http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}" href="http://www.facebook.com/sharer.php?u=http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}">Share</a>
     <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</div>

<div class="fl">
    <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}" data-text="" data-count="horizontal"  data-counturl="http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}">Tweet</a>
	<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

<div class="fl">
	<div class="g-plusone" data-href="http://DOMAIN_ANDA.COM/index.php?p=show_detail&id={biblio_id}" data-size="medium"></div>
		<script type="text/javascript">
          (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
          })();
        </script>

</div>

<div class="clearfix"></div>
</div>

</td>
</tr>
Hasil yang kita dapatkan pada file tersebut akan menjadi seperti ini :

Code: Select all

    <table class="border margined" style="width: 99%;" cellpadding="5" cellspacing="0">
<tr>
<td class="tblHead" style="width: 20%;" valign="top"></td>
<td class="tblContent" style="width: 80%;" valign="top">

<div class="articleshare clearfix">

<style>
.articleshare  {padding-top:10px;padding-bottom:5px;}
.fl {float:left;}
.fr {float:right;}
.pr5 {padding-right:5px;}
#___plusone_0 {width:70px !important;}
</style>

<div class="fl pr5">
    <a name="fb_share" type="button_count" share_url="http://irigomi.com/library/index.php?p=show_detail&id=1" href="http://www.facebook.com/sharer.php?u=http://irigomi.com/library/index.php?p=show_detail&id=1">Share</a>
     <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</div>

<div class="fl">
    <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://irigomi.com/library/index.php?p=show_detail&id=1" data-text="" data-count="horizontal"  data-counturl="http://irigomi.com/library/index.php?p=show_detail&id=1">Tweet</a>
	<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

<div class="fl">
	<div class="g-plusone" data-href="http://irigomi.com/library/index.php?p=show_detail&id=1" data-size="medium"></div>
		<script type="text/javascript">
          (function() {
            var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
            po.src = 'https://apis.google.com/js/plusone.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
          })();
        </script>

</div>

<div class="clearfix"></div>
</div>

</td>
</tr>
<tr>
<td class="tblHead" style="width: 20%;" valign="top">Title</td>
<td class="tblContent" style="width: 80%;" valign="top">Thor</td>
</tr>
.... dan seterusnya
Plugin ini hanya bisa digunakan untuk SLiMS yang sudah online. Jika dicoba di http://localhost yang terkoneksi dengan internet hanya akan menampilkan hasilnya namun tidak dapat bekerja.

Untuk hasil yang sudah jadi silahkan buka link ini http://irigomi.com/library/index.php?p= ... tail&id=2"

Demikian, selamat mencoba.
Saya koq gak bisa ya .. ?

User avatar
diro
Posts: 8
Joined: 16 Dec 2011, 05:39

Re: Social Networking on SLiMS Online

Post by diro » 28 Feb 2012, 23:02

wajib dicoba ini and wajib pula dimasukkan kedalam dokumentasi senayan.

Salam.

Diro

Post Reply