Jika Anda
tidak nyaman mengedit template WordPress, plugin mungkin adalah solusi terbaik.
Jika Anda merasa nyaman membuat beberapa pengeditan tema, kemudian
mempertimbangkan secara manual mengintegrasikan media sosial sehingga Anda
memiliki kontrol lebih besar atas jasa apa yang muncul di website Anda.
Pada kali ini, kami akan
menunjukkan kepada Anda bagaimana untuk secara manual mengintegrasikan layanan
media sosial paling populer di situs Web Anda yaitu Facebook. Pertama, Anda
akan belajar bagaimana untuk mengintegrasikan komentar Facebook pada website
WordPress Anda, untuk membuatnya lebih mudah bagi pembaca untuk mendiskusikan
posting Anda.
Berikut ini langkah-langkah cara
mengintegrasikan facebook API pada website (menggunakan WordPess) :
Langkah
1 : Setup Aplikasi
Facebook
Untuk
menggunakan komentar Facebook pada website Anda, membuat
aplikasi komentar baru untuk website Anda pada halaman Facebook Application. Langkah ini diperlukan, apakah Anda menambahkan komentar Facebook secara manual menggunakan plugin pihak ketiga atau
dengan plugin resmi
Facebook. Kemudian pilih Apps
Langkah
2 : Buat Aplikasi Facebook Baru
Setelah
masuk halaman Apps kemudian klik pada "+
Create New App" tombol pada halaman Aplikasi
Facebook, dan masukkan
nama yang unik untuk aplikasi
Anda dalam "App Display Name" lapangan. The "App Namespace" lapangan tidak harus diisi untuk
komentar Facebook (itu
digunakan dengan Protokol Facebook Open Graph).
Lakukan setup pada
aplikasi baru yang akan kita buat sesuai penjelasan di bawah ini.Isikan nama
Apps dengan nama koment_bersama. Selanjutnya klik Create New Facebook App ID
dan pilih kategori : Aplikasi untuk halaman. Setelah itu Create App ID
Berikut hasil dari
membuat aplikasi baru
Langkah 3 : Masuk ke Aplikasi Facebook
Setelah berhasil
membuat aplikasi baru maka kita akan langsung dibawa ke dashbord aplikasi yang
kita buat tadi.
Anda kemudian
akan diberikan dengan "App ID / API key" dan "App
kunci rahasia." Anda tidak perlu mengingat angka-angka ini karena resmi komentar
Facebook Plugin secara
otomatis memasukkan mereka ke dalam kode yang Anda butuhkan untuk menambah Anda situs.
Langkah 4 : Tambahkan kode untuk Website Anda
Selanjutnya,
kembali ke halaman Facebook Comments Plugin dan mendapatkan kode untuk
website Anda. Kotak ini memungkinkan Anda untuk mengubah URL yang komentar akan
ditempatkan, jumlah komentar yang akan ditampilkan, lebar kotak dan skema warna
(terang atau gelap).
Anda tidak perlu khawatir tentang
apa yang Anda masukkan dalam kotak karena semua atribut dapat dimodifikasi
secara manual. Dan tidak peduli apa yang Anda masukkan URL karena kami akan menggantinya
nanti dengan permalink WordPress:
a. href URL
ini untuk Komentar Plugin. berita feed Stores di Facebook akan link ke URL ini.
b. Lebar
Lebar plugin dalam
piksel. Minimum yang disarankan lebar 400 piksel.
c. Colorscheme
Skema warna
untuk plugin (baik terang atau gelap).
d. Num_Post
Jumlah komentar
yang ditunjukkan secara default. Standarnya 10, dan minimum adalah 1.
e. mobile (beta)
Apakah akan menampilkan versi mobile. Standarnya default
adalah false.
Langkah
5 : Menggenerate Kode API Untuk Web
Bila Anda klik pada tombol "Get
Code", sebuah kotak akan muncul dengan kode plugin anda (memilih opsi
HTML5, karena FBML sedang usang). Pastikan untuk memilih aplikasi yang Anda
tetapkan sebelumnya untuk komentar Anda sehingga ID aplikasi yang benar
ditambahkan ke kode
Langkah
6 : Masukkan potongan pertama dari kode langsung pada template
header.php Anda.
Buka hosting tempat file wordpress diinstall.
Setelah itu akan tampil beberapa file dan pilih header.php
Kemudian masukkan potongan pertama dari hasil
generate ke dalam file header.php setelah <Body>.
Langkah
7 : Masukkan Potongan kedua Pada Template comments.php Anda
Untuk
menempatkan komentar Facebook di atas komentar
WordPress, tambahkan kode di atas tepat di bawah garis yang bertuliskan <!
- Anda dapat mulai mengedit di sini. -> Dalam template
comments.php. Untuk menempatkan komentar Facebook di
bawah komentar WordPress, tambahkan kode di atas di
bawah </ form> tag (lagi dalam template
comments.php).
Langkah
8 : Refresh halaman Web anda. Berikan Komen pada kotak komentar.
Hasil komentar akan diintegrasikan ke Facebook
dengan cara centang pada kotak kecil dengan tulisan “kirim juga ke facebook”.Mudah kan!!!!!!
|
No comments:
Post a Comment