Technology

Beberapa Pilihan Widget Facebook untuk Website

 

   

Facebook pada dasarnya sudah menyediakan beberapa widget yang bisa anda gunakan pada website anda untuk terhubung. Nah, kali ini saya akan menunjukkan bagaimana memanfaatkan beberapa widget pilihan kami. Semoga bermanfaat ;-)

Register Apps di Facebook

Pertama, anda harus register Apps dulu. Berkut langkah-langkah yang harus Anda lakukan:

1. Silakan login ke Facebook Anda dulu.

2. Kemudian silakan buka URL berikut: https://developers.facebook.com/apps.

3. Silakan Anda klik tombol “+ Create New App”.

4. Setelah itu akan muncul box seperti di atas. Silakan Anda isi “App Name”  dengan Nama Apps Anda. Pada “App Namespace”, tidak boleh ada tanda spasi.

5. Berikutnya anda akan diminta memasukkan kode security. Silahkan tulis kode yang muncul.

6. Silakan masukkan domain Anda di “App Domains”.

7. Catat “App ID” dan “App Secret” yang telah terbuat.

Facebook Comment

Widget ini berfungsi untuk membuat form komentar di mana komentarnya nanti berasal dari akun Facebook user. Bagi developer, hal ini sangat menguntungkan. Karena kita tidak perlu membuat modul tambahan untuk komentar. Berikut cara integrasinya:

1. Pastikan Anda sudah selesai Register Apps dulu di Facebook.

2. Silakan buka URL berikut: https://developers.facebook.com/docs/reference/plugins/comments/.

3. Setelah itu akan tampil halaman seperti di bawah ini. Lanjutkan untuk mengisi beberapa opsi yang ada.

4. Opsi URL to Comment On silakan diisi lokasi URL di mana kita akan meletakkan widget ini. Number of Post silakan diisi dengan jumlah komentar yang anda harapkan akan ditampilkan pertama kali. Width silakan diisi panjang yang anda harapkan untuk widget ini. Color Scheme adalah tema warna untuk widget kita.

5. Setelah itu silakan klik Get kode. Lalu akan muncul sebuah popup berisi kode.

6. Taruh kode yang pertama di dalam script website anda, idealnya setelah tag <body>.

7. Untuk kode kedua bisa Anda letakkan dimana Anda bermaksud memunculkan widget Facebook Comment.

Facebook Badge

1. Silahkan Anda login ke Facebook. Kemudian silakan masuk ke halaman berikut untuk membuat pages baru https://www.facebook.com/pages/create.php. Jika anda sudah punya FB pages sebelumnya, maka silakan langsung melompat ke langkah 8

2. Silakan pilih kategori dari halaman / pages yang akan Anda buat.

3. Berikutnya akan ditampilkan beberapa kolom yang harus Anda isi.

4. Silakan upload foto untuk page Anda.

5. Silakan isi deskripsi website Anda dan URL website Anda.

6. Silakan isi untuk URL dari pages baru Facebook Anda.

7. Tampilan berikut adalah tampilan admin panel pages Facebook Anda.

8. Sekarang tinggal menampilkan badge di halaman website Anda. Silakan Anda buka https://www.facebook.com/badges/

9. Silakan Anda pilih “Page Badge”.

10. Untuk mendapatkan code widget, Anda bisa memilih dulu salah satu dari ketiga macam blog di atas. Untuk “Blogger dan TypePad” akan otomatis di redirect ke masing-masing website. Sedangkan untuk “other”, anda harus meletakkan code widget tersebut secara manual di website Anda.

Facebook Like Box

1. Silakan Anda login menggunakan Account Facebook Anda.

2. Silakan buka halaman: https://developers.facebook.com/docs/reference/plugins/like-box/

3. Pada Facebook Page URL Silakan Anda isi dengan URL Facebook Page Anda. Pada kolom Width, silakan isi lebar widget Anda. Pada kolom Height, silakan isi panjang Widget Anda. Pada Color Scheme silakan pilihan tema widget Anda. Pada Show Faces silakan pilih apakah anda akan menampilkan likers pages Anda atau tidak. Pada Border Color, silakan diisi warna garis terluar pada widget. Pada Stream, anda bisa menentukan untuk menampilkan posting terakhir pages Anda. Header adalah bagian paling atas pada Like Box Anda.

4. Setelah selesai setting, Silakan klik Get Code.

5. Kopi paste kode pertama pada script website anda, setelah tag <body>. Kemudian kopi paste kode kedua ke lokasi di mana Anda ingin menampilkan Widget ini.


Artikel Terkait

7 komentar

  • Nita
    17 October 2012 - pukul 18:19

    mantap

    makasih yah

    • 18 October 2012 - pukul 11:08

      sama sama :D
      semoga bisa membantu optimalkan web Ibu. . .

  • beby
    19 October 2012 - pukul 8:05

    Thanks Sharenya kakak….. :)

  • Dewa
    9 January 2013 - pukul 11:48

    mohon pencerahanya ,,,, kalau di like box ,saat seseorang ingin mengklik harus mengkonfirmasi dan tertera tautan kadaluarsa ….
    bagaimana cara mengatasi semua itu????

    • 18 February 2013 - pukul 21:41

      Boleh minta link referensinya ? saya masih kurang jelas dengan yang Anda maksut kadaluarsa.

  • 15 November 2016 - pukul 5:38

    What’s up, I wish for to subscribe for this webpage to obtain latest
    updates, so where can i do it please help.

  • 5 February 2018 - pukul 19:39

    unik unik widgetnya, sangat menarik, terimkasih untuk pejaranya gan, semoga menjadi pahala buat penulisnya

Berikan Komentar

Your email address will not be published. Required fields are marked *