Cara memasang Shoutbox Live Stream Plugin Facebook FB di Blog WordPress Anda!

October 26, 2010 | 4

Kali ini Saya akan menunjukkan kepada anda bagaimana memasang Facebook FB Shoutbox Live Stream plugin di Blog WordPress Anda. Sebelum itu, di sebelah kanan blog Afiffuddin.Com anda dapat lihat banner Shoutbox bewarna Pink. Itulah contoh Facebook Shoutbox Live Stream yang akan saya ajarkan kepada anda sebentar lagi. (Rujuk Gambarajah Di Bawah)



Apakah kegunaan Live Stream plugin ini?

“Live Stream plugin membolehkan pengguna melawat tapak website atau aplikasi anda dan berkongsi aktiviti dan memberi komen secara real time. Live Streaming bekerja paling baik bila anda menjalankan acara real-time, seperti video live streaming untuk konsert, pidato, atau webcast, berbual Web hidup, webinar, massively multiplayer game.”

Terdapat dua jenis pemasangan facebook Live Stream Plugin ke Blog WordPress anda. Pertama, pemasangan widget di sidebar, dan pemasangan shoutbox seperti di sebelah blog Afiffuddin.Com. (Gambarajah Di Atas). Ikuti Langkah-langkah seperti di bawah.

JENIS PERTAMA

1. Login Akaun Facebook Anda. Kemudian pergi ke Social plugins Live Stream di http://developers.facebook.com/docs/reference/plugins/live-stream

2. Masukkan Application ID blog anda. Kepada anda yang tidak tahu cara untuk mendapatkan Application ID blog. Anda boleh mempelajarinya di “Langkah ke-5″ posting saya sebelum ini di >> Cara memasang Comment Facebook FB di Blog WordPress Anda! (Terus langkah ke-5)

3. Kepada anda yang sudah mempunyai Application ID blog, masukkan Application ID blog anda di ruangan kosong seprti Gambar di atas. Kemudian tetapkan Width dan Height (dalam pixel) mengikut kesesuaian sidebar blog anda.

4. Ruang kotak XID pula diisi sekiranya anda ingin meletakkan 2 Shoutbox dalam page yang sama, anda perlu mengisi XID yang berbeza untuk setiap Shoutbox.

5. Pada bahagian “Via Attribution URL”, isikan ruangan kosong dengan URL blog anda.

6. Kemudian Click butang “Get Code” untuk mendapatkan code untuk diletakkan di sidebar blog anda. Siap.

JENIS KEDUA

Jenis kedua adalah memasang Shoutbox Facebook Live Stream Plugin seperti di sebelah kanan blog saya ini (Afiffuddin.Com)

Cara-caranya:

1. Kepada anda yang sudah memiliki Application ID, pergi ke Facebook Application di http://www.facebook.com/developers/apps.php

2. Di page Facebook Application seperti gambar di atas. Anda perlu memilih Application ID untuk Blog anda di sidebar sebelah kiri.

3. Setelah memilih Application ID, klik butang “Edit Setting” di sebelah kanan sidebar.

4. Kemudian anda akan di bawa ke page seterusnya, di page ini anda perlu klik link Website di sebelah kiri site bar untuk memasukkan URL Blog anda. (Rujuk Gambar di Bawah)

5. Setelah anda klik link Website, masukkan URL Blog anda di sebelah ruangan kosong ‘Site URL’. Sebagai contoh: Saya meletakkan link blog saya iaitu http://www.afiffuddin.com/ di ruangan kosong seperti Gambar di bawah. Kemudian klik butang ‘Save Changes’.

PS: Mungkin ada yang bertanya, kena pula perlu letak link URL Website/Blog seperti yang diterangkan di atas?

Jawapan – Baiklah, sekiranya anda tidak meletak link website atau blog anda seperti di atas. Maka apabila terdapat pelawat memberi komen di Shoutbox Facebook anda, komen mereka itu juga akan muncul di Wall/Dinding page Facebook mereka. Di komen Wall Page mereka pula akan diletakkan satu link mengatakan “7 hours ago via Afiffuddin.Com” = iaitu link ke page Profile Facebook anda/mereka atau ke Application ID Page. Bukannya link ke blog anda. Ok, untuk memudahkan pemahaman anda, sila lihat perbezaan antara dua contoh Gambar di bawah ini:

Pertama – tertulis link ke Application ID atau Page Facebook Profile anda:

Kedua – tertulis link ke Blog/Website anda.

6. Baiklah, langkah seterusnya untuk pemasangan Shoutbox. Download HTML/Script code di >> facebooklivestreamplugin.txt (Click kanan mouse and pilih ‘Save Link As’)

PERHATIAN!! – Jika terdapat masalah tentang code, sila klik link (facebooklivestreamplugin.txt) untuk copy code secara terus tanpa download.

7. Buka Notepad -facebooklivestreamplugin.txt- yang anda download tadi, kemudian scroll ke bawah dan tukarkan link Application ke link Application ID anda. (Rujuk Gambar di bawah)

8. Kemudian, copy semua Code tersebut dan Pastekan ke Bahagian Editor anda di Appearance >> Editor >> Footer (footer.php) >> sebelum < / body > tag. Akhir sekali, click butang ‘Update File’. (Lihat Gambar Contoh di Bawah)

Maka, siaplah proses pemasangan Shoutbox Facebook Live Stream Plugin di Blog/Website WordPress anda! Semoga penerangan saya di atas sedikit-sebanyak dapat membantu anda tentang “Cara memasang Shoutbox Live Stream Plugin Facebook FB di Blog WordPress Anda!”

Facebook comments:

Comments (4)

  1. nice!.
    suka tutorial bergambar.
    :D

  2. makasih boz,,saya sudah bisa pasang shoutbox berkat tutorial anda…
    JOM baca post terbaru dari eco.lho ..Cara Pasang Widgets SMS Gratis Di Blog

  3. Makasih gan atas postingannya , rencana mau pasang di blog baru gw : Bali Tour karena ini penting juga’ buat dapat kunjungan gratis :) Salam SUPER – LUKISAN MINIMALIS BALI :)

  4. mantap gan, sangat2 jelas. tapi ntar aja ah dpraktekin blog ane.. hihihihi
    JOM baca post terbaru dari Blog Oki Jo ..Kisah islam nyata – Taubat Seorang Peragawati dari Negeri Barat !!!

Leave a Reply

Trackback URL | RSS Feed for This Entry

CommentLuv badge