Alat-alat yang dibutuhkan:
Langkah 1:
A. Buka UCWEB S60v3, ubah pengaturannya seperti gambar di bawah.
Langkah 2:
B. Buka Facebook Developers. Lalu klik Create New App.
C. Gulir ke paling bawah halaman
- Isi nama aplikasi yang anda inginkan, misal "Nama App".
- Isi App Namespace sesuai nama aplikasi, misal: "namaapp".
- Pada bagian Web Hosting dikosongkan saja, jangan dicentang.
- Klik Lanjutkan
D. Masukkan huruf Captcha ke dalam kotak, lalu klik Kirim.
E. Aplikasi anda sudah jadi.
Sekarang catat App ID anda. App ID inilah yang akan kita gunakan untuk membuat box komentar facebook atau aplikasi lain di blog kita.
F. Isi App Domain dengan nama blogspot.com
G. Klik pada bagian Website, lalu isi Site URL dengan url blog Anda.
H. Klik Simpan Perubahan
Langkah 3:
Sekarang kita akan menggunakan script Plugin Comment dari Facebook Developers.
A. Buka Facebook Plugin Comments menggunakan Ucweb
B. Isi URL to comment on dengan URL blog Anda, lalu klik Get Code.
C. Gulir ke paling bawah halaman, anda akan mendapati halaman seperti gambar di bawah ini. Ada 2 kolom yang berisi script yang harus Anda copy. Copy kedua script tersebut, simpan dulu di konsep pesan Anda. lalu klik Oke.
- Script pertama adalah Javascript SDK
- Script kedua adalah Javascript Plugin Comment Facebook
Langkah 4:
Sekarang waktunya memasang script dari Facebook Developers ke blog kita.
A. Buka Xplore/File Manager dari HP. Lalu buat 2 folder dengan nama:
Template 1
Template 2
B. Buka Operamini 4.2, lalu masuk ke akun blogger Anda. Buka menu Rancangan -> Edit Html
C. Centang Expand Template Widget
D. Klik "Download Template Lengkap". Simpan file ke Folder yang sudah kita buat tadi, yaitu ke Folder Template 1.
E. Copy/salin file yang ada di Folder Template 1 ke Folder Template 2. Jadi, kita punya 2 template, satu ada di Folder Template 1. Dan satunya lagi ada di folder Template 2. Dan yang akan kita edit adalah template yang ada di Folder Template 2.
Tujuannya yaitu agar jika terjadi kesalahan saat mengedit Template 2, kita masih punya cadangan yang bisa kita upload ke blog kita, yaitu Template 1.
F. Buka Xplore
G. Edit file Template yang ada di Folder Template 2. Caranya klilk Menu -> File -> Edit.
H. Cari kode < b o d y, Caranya tekan Menu -> Find, ketikkan < b o d y, Maka akan tampil seperti gambar di bawah:
I. Letakkan kode Javascript SDK yang tadi sudah kita copy dari Facebook developers, letakkan di bawah kode < b o d y. Lihat gambar di bawah. Yang berwarna biru adalah kode Javascript SDK yang sudah diletakkan di bawah kode < b o d y
Lalu tekan Kembali/Back. Kalau muncul pesan Save Changes? Pilih Ya
J. Buka lagi akun blogger Anda. Pilih menu Rancangan -> Edit Html, dan upload file Template 2 yang sudah kita edit tadi.
K. Tambah Gadget
Klik menu Elemen Laman, Tambahkan Gadget Kode HTML ke blog Anda. Lalu masukkan script kedua, yaitu Javascript Plugin Comment Facebook yang sudah kita copy dari Facebook Developers.
l. Klik SIMPAN
Sekarang lihat blog Anda, Box Komentar Facebook sudah terpasang di blog Anda. Kalau ada yang masih belum mengerti, silakan komentar.
Original Post by http://haruqaflowers.blogspot.com
Tidak ada komentar:
Posting Komentar