Text Resizer: Click for Resizer 
Klo anda pernah inget dan sempet nyimak salah satu postingan saya yang terdahulu (postingan 1 tahun yang lalu klo gak salah), sebenernya disitu saya udah secara jelas menerangkan cara pembuatan Kotak Komentar Facebook versi terdahulu dengan beberapa kali update yang saya sertakan sebagai bukti bahwa tutorial itu dapat bekerja dengan baik disemua blog, bahkan dengan parameter yang baru ataupun yang lama *karena ada beberapa komentator yang mengeluhkan bahwa dirinya selalu mendapati pesan error saat mengikuti postingan saya yang terdahulu itu, biarpun disisi lain banyak yang mengatakan bahwa mereka berhasil mengikuti tutorial tersebut dan bahkan masih memasangnya di blog mereka sampai hari ini hha...
Nah sebagai kelanjutan dari postingan tersebut, kali ini, secara exclusive saya akan menerangkan cara pembuatan Kotak Komentar Facebook versi baru alias New Facebook Comments Box jika dilafalkan dalam bahasa british *Halah gayamu kang haha...
Dan biarpun mungkin anda akan menemukan ribuan result postingan yang menawarkan cara pembuatan Kotak Komentar Facebook, saat anda mengetikkan keyword tersebut di Search Engine besar, semisal Google ataupun Bing *Catatan: karena Yahoo udah diakuisisi sama Microsoft jadi gak ikut saya sebut bisa saya pastikan bahwa postingan-postingan yang akan anda temui tersebut hanya akan menjelaskan cara pembuatan Kotak Komentar Facebook versi terdahulu atau versi jadul yang kebetulan masih saya pertahankan untuk blog ini *GUBRAK!!!
Kenapa? karena bahkan di Forum-forum luar sana, masih banyak blogger dan webmaster yang memperdebatkan kinerja Kotak Komentar Facebook yang baru ini dan mengatakan bahwa kotak komentar Facebook versi baru ini tidak dapat bekerja di blog mereka, so wajar klo akhirnya jarang blogger luar yang mau nulis postingan cara pembuatannya, yang ujung-ujungnya membuat blog-blog tutorial di Indonesia ikut ketinggalan satu langkah karena blog-blog luar yang selama ini mereka jadikan acuan tidak menuliskannya.
Padahal klo saya pikir-pikir lagi, ngapain juga gitu Developer facebook segala bikin kotak komentar versi baru mereka, klo ujung-ujungnya gak bisa dipake dan digunakan... Iya gak? jadi klo menurut pendapat ngawur saya sih, Kotak Komentar facebook yang baru ini pun seharusnya bisa digunakan oleh semua blog dengan platform apapun, termasuk Blogger (Blogspot). Dan klo ujung-ujungnya ada yang gak bisa masang, itu bukan karena kesalahan dari Developer ataupun si pembuat tutorial, tapi murni karena faktor perbedaan-perbedaan kecil di beberapa template yang akhirnya membuat Kotak Komentar facebook versi baru ini tidak muncul *bukan tidak bekerja yang seharusnya bisa diakalin dengan beberapa perubahan letak Script hhe...
Itu kenapa akhirnya saya memutuskan untuk menuliskan postingan ini bagi anda, karena setelah saya coba dan saya modifikasi dikit untuk salah satu blog saya, Kotak Komentar facebook versi baru ini pun ternyata dapat bekerja dengan baik :) dan karena kata orang bijak ilmu itu harus selalu dibagikan agar bertambah banyak, so karena saya juga gak pernah mengacu pada blog manapun, jadi secara exclusive akan saya jelaskan step by step nya untuk anda.
But, ada beberapa catatan yang ingin saya sebutkan diawal sebelum anda mengikuti tutorial kali ini, yaitu:
Lantas apa fitur baru yang dapat anda nikmati di versi terbarunya ini:
Dan sekarang saatnya kita masuk ke tutorial:
Langkah Pertama
Saya akan memberikan sebuah option, yaitu option pertama anda ingin memiliki 2 buah kotak komentar, yaitu Kotak komentar blog dan kotak komentar Facebook secara bersamaan, atau hanya ingin memiliki kotak komentar facebook saja dan ingin menonaktifkan kotak komentar blog anda? jika anda memilih option pertama, silahkan lanjut ke Langkah selanjutnya tanpa harus mengikuti membaca lebih jauh langkah pertama ini, tapi jika anda memilih option kedua, silahkan non-aktifkan dulu kotak komentar blog anda dengan cara:
Masuk ke Settings atau Setelan, Pilih comments atau Komentar dan pada field comments atau komentar pilih Hide atau sembunyikan dan save atau simpan perubahan tersebut.
Langkah Kedua
Sebelum melakukan proses pemasangan, terlebih dahulu kita harus meng-generate Facebook App ID dengan menggunakan akun Facebook kita masing-masing, dan berikut caranya:
Silahkan Login ke akun facebook anda, dan masuk ke page facebook developers. Dan jika anda sudah lama tidak pernah menggunakan akun Facebook seperti halnya saya yang sudah migrasi total ke Google+ haha... terlebih dahulu anda harus melakukan verifikasi akun seperti berikut:
Klo udah lama gak buka-buka Facebook, biasanya setelah membuka link yang menuju ke page facebook developers tersebut anda akan menemukan tampilan seperti ini:
Silahkan Klik gambar untuk memperbesar ukurannya, klo udah keliatan disitu kan ada 2 link tuh ponsel atau kartu kredit, nah pilih yang ponsel biar lebih gampang, kemudian anda akan dihadapkan pada pop-up berikut:
Nah isi Field Nomor telepon dengan Nomor Handphone anda, tapi inget, karena diatas Field nomor telepon udah ada Field kode negara yaitu +62 untuk Indonesia, jadi jangan tulis angka 0 yang dipaling depan jadi klo misal nomor Hp anda adalah 0857.... tulisnya mulai dari 857 aja 0-nya mah gak usah, klo udah klik Konfirmasi, dan anda akan dibawa ke pada penampakan berikut:
Yang artinya akun anda sudah terverifikasi, dan secara otomatis anda akan dibawa pada page berikut:
Isi Nama situs dengan: Judul blog anda
Isi Url situd dengan: url atau alamat blog anda
Isi Lokale dengan: Bahasa Indonesia
Selanjutnya klik Buat Aplikasi, dan anda akan dibawa ke Page berikut ini:
Karena kebetulan saya pernah bikin 2 aplikasi facebook untuk blog ini, jadi saya langsung dibawa ke penampakan kaya gitu, tapi klo sebelumnya anda gak pernah bikin aplikasi apapun, bisa saya pastikan tampilannya akan bersih :), selanjutnya klik +Create New App atau klo gak ada kata-kata itu cari kata +Set Up New Applications, maka akan terbuka pop-up berikut ini:
Isi App Display Name sesuka hati anda dan kosongkan field App Namespace, kemudian centang kata-kata I Agree to the facebook platform Policies. dan klik Lanjutkan kemudian anda akan dibawa ke tampilan bnerikut:
Isi Capthanya dan klik Kirim, maka anda akan langsung diberikan App ID, yang penampakannya kaya dibawah ini:
Maaf saya tutupin hhe... pokoknya biarin dulu page itu terbuka dan jangan diapa-apain karena kita masih butuh sama App ID-nya atau silahkan Copy dulu semua keterangan yang berhubungan dengan App ID dan lainnya kedalam notepad
Langkah Ketiga
Sejenak kita tinggalkan dulu Langkah kedua diatas, dan kita mulai dengan pemasangan kotak komentar facebook versi baru ini kedalam blog kita, dan caranya adalah:
1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Kemudian cari kode berikut ini:
Langsung aja KLIK KE SINI sumbernya, krn masih amatir kurang belajar . .
maaf ya GAN!!
Klo anda pernah inget dan sempet nyimak salah satu postingan saya yang terdahulu (postingan 1 tahun yang lalu klo gak salah), sebenernya disitu saya udah secara jelas menerangkan cara pembuatan Kotak Komentar Facebook versi terdahulu dengan beberapa kali update yang saya sertakan sebagai bukti bahwa tutorial itu dapat bekerja dengan baik disemua blog, bahkan dengan parameter yang baru ataupun yang lama *karena ada beberapa komentator yang mengeluhkan bahwa dirinya selalu mendapati pesan error saat mengikuti postingan saya yang terdahulu itu, biarpun disisi lain banyak yang mengatakan bahwa mereka berhasil mengikuti tutorial tersebut dan bahkan masih memasangnya di blog mereka sampai hari ini hha...
Nah sebagai kelanjutan dari postingan tersebut, kali ini, secara exclusive saya akan menerangkan cara pembuatan Kotak Komentar Facebook versi baru alias New Facebook Comments Box jika dilafalkan dalam bahasa british *Halah gayamu kang haha...
Dan biarpun mungkin anda akan menemukan ribuan result postingan yang menawarkan cara pembuatan Kotak Komentar Facebook, saat anda mengetikkan keyword tersebut di Search Engine besar, semisal Google ataupun Bing *Catatan: karena Yahoo udah diakuisisi sama Microsoft jadi gak ikut saya sebut bisa saya pastikan bahwa postingan-postingan yang akan anda temui tersebut hanya akan menjelaskan cara pembuatan Kotak Komentar Facebook versi terdahulu atau versi jadul yang kebetulan masih saya pertahankan untuk blog ini *GUBRAK!!!
Kenapa? karena bahkan di Forum-forum luar sana, masih banyak blogger dan webmaster yang memperdebatkan kinerja Kotak Komentar Facebook yang baru ini dan mengatakan bahwa kotak komentar Facebook versi baru ini tidak dapat bekerja di blog mereka, so wajar klo akhirnya jarang blogger luar yang mau nulis postingan cara pembuatannya, yang ujung-ujungnya membuat blog-blog tutorial di Indonesia ikut ketinggalan satu langkah karena blog-blog luar yang selama ini mereka jadikan acuan tidak menuliskannya.
Padahal klo saya pikir-pikir lagi, ngapain juga gitu Developer facebook segala bikin kotak komentar versi baru mereka, klo ujung-ujungnya gak bisa dipake dan digunakan... Iya gak? jadi klo menurut pendapat ngawur saya sih, Kotak Komentar facebook yang baru ini pun seharusnya bisa digunakan oleh semua blog dengan platform apapun, termasuk Blogger (Blogspot). Dan klo ujung-ujungnya ada yang gak bisa masang, itu bukan karena kesalahan dari Developer ataupun si pembuat tutorial, tapi murni karena faktor perbedaan-perbedaan kecil di beberapa template yang akhirnya membuat Kotak Komentar facebook versi baru ini tidak muncul *bukan tidak bekerja yang seharusnya bisa diakalin dengan beberapa perubahan letak Script hhe...
Itu kenapa akhirnya saya memutuskan untuk menuliskan postingan ini bagi anda, karena setelah saya coba dan saya modifikasi dikit untuk salah satu blog saya, Kotak Komentar facebook versi baru ini pun ternyata dapat bekerja dengan baik :) dan karena kata orang bijak ilmu itu harus selalu dibagikan agar bertambah banyak, so karena saya juga gak pernah mengacu pada blog manapun, jadi secara exclusive akan saya jelaskan step by step nya untuk anda.
But, ada beberapa catatan yang ingin saya sebutkan diawal sebelum anda mengikuti tutorial kali ini, yaitu:
1. Jika saat ini anda sudah memasang Kotak Komentar Facebook versi terdahulu alias jadul version, saya sarankan agar anda menunggu postingan saya yang selanjutnya tentang cara meng- upgradenya, karena saya gak bertanggung jawab sama sekali untuk semua pesan error yang mungkin akan anda temui jika anda berminat mengikuti tutorial ini, tanpa atau dengan mengganti Script Kotak Komentar Facebook yang lama yang sudah terpasang di blog anda.
2. Saya beritahukan, bahwa jika anda tetap ingin langsung mengikuti tutorial ini tanpa menunggu postingan upgrade saya yang selanjutnya, resiko yang akan anda hadapi adalah kehilangan semua komentar yang telah masuk ke blog anda, jadi pikirkan matang-matang sebelum anda mengikuti tutorial saya kali ini, karena lagi-lagi saya gak bertanggung jawab atas akibatnya :)
3. Untuk anda yang tidak pernah berhasil memasang Kotak Komentar Facebook versi terdahulu alias Jadul Version, bisa saya katakan bahwa Kotak Komentar Facebook versi baru yang telah saya modifikasi dikit dalam tata letaknya ini, bisa menjadi salah satu jawabannya, karena setelah saya pasang di beberapa blog yang memiliki perbedaan kode, ternyata kotak komentar versi baru ini lebih friendly dan jarang skak alias error hhe... :)
4. Untuk anda yang masih ragu atau setengah yakin untuk mengikuti tutorial kali ini, saya sarankan agar anda melakukan Back up template terlebih dahulu, agar jika salah, anda dapat mengembalikan tampilan blog anda sebelumnya.
Lantas apa fitur baru yang dapat anda nikmati di versi terbarunya ini:
1. Threaded comments yaitu anda dapat melakukan reply atau membalas komentar lain yang sudah lebih dulu masuk.
2. User network yaitu fitur yang akan membantu penulis blog mengetahui keterangan dari para komentator mereka, karena di versi anyarnya Kotak Komentar facebook tidak hanya akan menayangkan nama komentator melainkan juga deskripsi, profil atau pun Informasi singkat mereka.
3. Permalink to specific comments yaitu anda dapat membagikan link tertentu yang hanya akan diarahkan pada komentar tertentu yang ingin anda bagikan :)
4. Notifications, klo dulu-dulu kan susahnya masang beginian gak ada Notifikasinya ya? klo sekarang kebetulan udah ada haha...
5. 2 Color schemes, alias ada 2 pilihan warna yang nanti akan saya terangkan satu-persatu.
Dan sekarang saatnya kita masuk ke tutorial:
Langkah Pertama
Saya akan memberikan sebuah option, yaitu option pertama anda ingin memiliki 2 buah kotak komentar, yaitu Kotak komentar blog dan kotak komentar Facebook secara bersamaan, atau hanya ingin memiliki kotak komentar facebook saja dan ingin menonaktifkan kotak komentar blog anda? jika anda memilih option pertama, silahkan lanjut ke Langkah selanjutnya tanpa harus mengikuti membaca lebih jauh langkah pertama ini, tapi jika anda memilih option kedua, silahkan non-aktifkan dulu kotak komentar blog anda dengan cara:
Masuk ke Settings atau Setelan, Pilih comments atau Komentar dan pada field comments atau komentar pilih Hide atau sembunyikan dan save atau simpan perubahan tersebut.
Langkah Kedua
Sebelum melakukan proses pemasangan, terlebih dahulu kita harus meng-generate Facebook App ID dengan menggunakan akun Facebook kita masing-masing, dan berikut caranya:
Silahkan Login ke akun facebook anda, dan masuk ke page facebook developers. Dan jika anda sudah lama tidak pernah menggunakan akun Facebook seperti halnya saya yang sudah migrasi total ke Google+ haha... terlebih dahulu anda harus melakukan verifikasi akun seperti berikut:
Klo udah lama gak buka-buka Facebook, biasanya setelah membuka link yang menuju ke page facebook developers tersebut anda akan menemukan tampilan seperti ini:
Silahkan Klik gambar untuk memperbesar ukurannya, klo udah keliatan disitu kan ada 2 link tuh ponsel atau kartu kredit, nah pilih yang ponsel biar lebih gampang, kemudian anda akan dihadapkan pada pop-up berikut:
Nah isi Field Nomor telepon dengan Nomor Handphone anda, tapi inget, karena diatas Field nomor telepon udah ada Field kode negara yaitu +62 untuk Indonesia, jadi jangan tulis angka 0 yang dipaling depan jadi klo misal nomor Hp anda adalah 0857.... tulisnya mulai dari 857 aja 0-nya mah gak usah, klo udah klik Konfirmasi, dan anda akan dibawa ke pada penampakan berikut:
Yang artinya akun anda sudah terverifikasi, dan secara otomatis anda akan dibawa pada page berikut:
Isi Nama situs dengan: Judul blog anda
Isi Url situd dengan: url atau alamat blog anda
Isi Lokale dengan: Bahasa Indonesia
Selanjutnya klik Buat Aplikasi, dan anda akan dibawa ke Page berikut ini:
Karena kebetulan saya pernah bikin 2 aplikasi facebook untuk blog ini, jadi saya langsung dibawa ke penampakan kaya gitu, tapi klo sebelumnya anda gak pernah bikin aplikasi apapun, bisa saya pastikan tampilannya akan bersih :), selanjutnya klik +Create New App atau klo gak ada kata-kata itu cari kata +Set Up New Applications, maka akan terbuka pop-up berikut ini:
Isi App Display Name sesuka hati anda dan kosongkan field App Namespace, kemudian centang kata-kata I Agree to the facebook platform Policies. dan klik Lanjutkan kemudian anda akan dibawa ke tampilan bnerikut:
Isi Capthanya dan klik Kirim, maka anda akan langsung diberikan App ID, yang penampakannya kaya dibawah ini:
Maaf saya tutupin hhe... pokoknya biarin dulu page itu terbuka dan jangan diapa-apain karena kita masih butuh sama App ID-nya atau silahkan Copy dulu semua keterangan yang berhubungan dengan App ID dan lainnya kedalam notepadLangkah Ketiga
Sejenak kita tinggalkan dulu Langkah kedua diatas, dan kita mulai dengan pemasangan kotak komentar facebook versi baru ini kedalam blog kita, dan caranya adalah:
1. Login ke Akun Blogger anda masing-masing
2. Klik Design atau Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (saya anjurkan download dahulu template anda)
4. Kemudian cari kode berikut ini:
Langsung aja KLIK KE SINI sumbernya, krn masih amatir kurang belajar . .
maaf ya GAN!!
0 comments:
Post a Comment