Membuat buku tamu ala facebook

Dalam catatan saya kali ini, saya akan menulis tentang Membuat buku tamu ala facebook. Sebagai seorang blogger pemula, saya bingung untuk membuat box komentar seperti shoutmix atau cbox. Akhirnya saya memilih untuk memasang buku tamu ala facebook yang sebenarnya adalah plugin comment di facebook developers, seperti yang saya pasang di sidebar>buku tamu.
Langsung saja, langkah yang ditempuh untuk membuatnya sebagai berikut.
1. Anda harus punya blog dulu.
2. Registerkan blog anda di Register Your WEB on facebook.
3. isikan nama blog dan alamat blog Anda seperti pada kolom berikut:
Site name:
Site URL:
Locale:

4. Setelah selesai, klik Create app, dan masukkan nomor security-nya.
5. maka Anda akan mendapat APP ID, seperti berikut:
App Name: Catatanku dan Koleksiku
App URL: http://logku.blogspot.com/
App ID: 194746910536959
App Secret: (rahasia)


6. Simpan app ID Anda, karena sangat penting untuk mendapatkan plugin facebook yang lain. Lalu, masuk ke sesi SOCIAL PLUGIN. Banyak fitu yang bisa Anda pilih. Saya memilih Fitur Comment, karena sudah dilengkapi dengan LIKE BUTTON.
7. Pilih Plugin comment. Masukkan APP ID Anda.
Anda juga bisa men-setting jumlah comentar yang akan dumunculkan. Misal, 10 komen. Tapi menurutku 5 comment sudah banyak, karena bisa membuat blog loading lemot.
8. Setelah itu, klik GET CODE button. Catat atau Copy kode ke notepad. Lalu, login ke blog anda, Tambahkan elemen widget dengan kode yang disimpan dinotepad tadi.
maka hasilnya akan nampak seperti di blog ini, sebagai buku tamu. he3x.
----------------------------------------------------------------------------------------------
misal kode punya saya:
----------------------------------------------------------------------------------------------

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=194746910536959&amp;amp;xfbml=1"></script><fb:comments xid="id-spesial" numposts="10" width="255" publish_feed="true"></fb:comments>
----------------------------------------------------------------------------------------------
perhatikan xid="id-spesial"
id-spesial ini maksudnya adalah kata khusus yang tidak ada duanya. Anda bisa membuat id-unik spesial ini bermacam-macam contoh.

untuk buku tamu---> xid='bukutamu'
untuk masang link aja ---> xid='kumpul-link'
dst....

Anda juga bisa mengkostumize plugin komentar ini untuk digunakan sebagai komentar sederhan di setiap postingan, hanya dengan sedikit trik id-unik ini. Untuk lengkapnya bisa dibaca disini.

9. langkah terakhir yang paling penting adalah kode script facebook agar widget koment tadi bisa muncul dan berjalan di blog kita:
-------------------------------------------------

<div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        FB.init({appId: '194746910536959', status: true, cookie: true,
                 xfbml: true});
      };
      (function() {
        var e = document.createElement('script');
        e.type = 'text/javascript';
        e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
      }());
    </script>
-----------------------------------------------------
Ganti APP ID yang saya beri stabilo hijau dengan APP ANDA. Lalu letakkan script itu tepat diatas </body> di setingan HTML Anda.
kenapa harus diatas </body>, Agar bisa di-load terlebih dahulu, sehingga loading widget-koment tadi bisa dilakukan dengan cepat juga.

Sebenarnya Anda juga bisa menaruhnya di widget, koment tadi. Tapi, pasti akan lemot loadingnya. letakkan widjet komen ini di halaman baru aja, agar tidak lemot koneksi Anda.

Keuntungan dari penggunaan plugin koment ini:
1. Sebagai buku tamu blog. User dapat menggunakan akun facebook, atau alamat blog/ID untuk berkomentar. Jika Anda mau berkomentar sebagai pengguna BLOG ANDA, maka anda harus logout dulu dari facebook. Nah, setelah itu, akan muncul kotak berisi nama, alamat web/blog, dan isi komentar.
Untuk mempermudah logout atau login ke facebook, maka Anda bisa menambahkan LOGIN BUTTON FACEBOOK ke dalam kode script di atas.
Tambahkan kode berikut tepat di atas kode tadi:

<p><fb:login-button autologoutlink="true"></fb:login-button></p>

Kemudian simpan Setinggan Anda, dan lihat blog Anda.
2.keuntungan kedua, Anda BISA UPDATE STATUS FACEBOOK dengan plugin ini dari blog secara langsung, tanpa masuk ke situs facebooknya. Enakkan... He3x.
Misal saja saya koment: "saya lagi baca di artikel di logku.blogspot.com"
Lalu, centang box "Post comment to my Facebook profile", maka koment tersebut akan mengupdate status Anda di FB.
Selamat Mencoba..................
|

1 comment: