Perkembangan jejaring sosial khususnya FaceBook [FB] sangat luar biasa dibandingkan dengan yang namanya Blog / Web / Situs, sebagai bukti orang punya Blog sudah pasti punya Account di FB sedangkan sebaliknya orang punya Account FB belum tentu punya Blog, :# Para senior Blogger sudah banyak malahan hampir semuanya mempergunakan triks ini supaya blognya ramai dikenal dan dikunjungi :r
Sekarang saya akan mencoba berbagi dengan kawan cara membuat kotak Komentar Facebook gaya punya, yang Komentarnya ada di Blog dan di FB cuma metode ini kalau dibandingkan dengan Komentar Blog bawahannya sudah pasti ada
kelebihan dan kekurangannya, begitu juga dengan yang akan saya posting ini, kalau Kotak Komentar Blogger punya biasanya langsung kelihatan seperti direkap pada Komentar dan pada email kita, kalau pada Kotak Komentar Facebook yang saya posting ini tidak, tapi punya kelebihan-kelebihan misalnya bisa di Reply seperti pada Facebook, sedangkan kelebihan lainnya Komentar tersebut akan langsung kelihatan di FB begitu juga kita bisa membalasnya / menjawabnya langsung dari Facebook. dan akan kelihatan langsung pada FB kita [baik yang memberi komentar maupun kita si penerima komentar] :p
Kalau kawan tertarik ikuti cara menbuatnya :
- Masuk dulu ke http://developers.facebook/setup untuk mendapatkan App ID kawan atau bisa Klik disini.
- Isi semua kolom yang ada, dan khusus untuk URL Situs / Blog contoh : http://blog-renovasi.blogspot.com/ [pakai tanda "/"]
- Selanjutnya masukkan password FB kawan - Klik Kirim
- Lihat dipojok kanan atas Klik Create New app
- Yang selanjutkan ketik huruf pada kotaknya sebagai Periksaan Keamanan.
- Selanjutnya kawan akan mendapatkan App ID [saya tutup dengan warna merah] dan App Secret [saya tutup dengan warna biru] silahkan di copas pada Nopad sementara
Setelah mendapatkan ID tersebut selanjutnya masuk ke Account Blogger dengan ID kawan
- Pada Dasbor pilih Edit HTML
- Beri tanda centang pada Radio disamping tulisan Expand Template Widget
- Ingat simpan template kawan dulu untuk menjaga kemungkinan kalau ada kesalahan
- Cari kode » <data:post.body/>
- Copas kode berikut dibawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=xxxxxxxxxxxx&xfbml=1"></script><fb:comments expr:href='data:post.url' numposts='5' width='500'/></b:if>
- Ganti xxxxxxxxxxxx dengan ID kawan
- Angka 5 adalah jumlah comment yang akan tampil di Blog - disesuaikan
- Angka 500 adalah lebar Kotak Komentar - disesuaikan
- Dibawah <data:post.body/> ini akan kelihatan persis dibawah posting kawan, bisa dipindah-pindahkan agar sesuai dengan selera kawan, sebagai contoh kalau saya naruhnya dibawah label dan tepatnya lagi dibawah kode pada template saya adalah : <div class='comment-author vcard'>
- Simpan template kawan dulu, karena ini baru ditengah jalan.
- Copas kode berikut persis diatas <b:skin><![CDATA[/* - [letaknya dekat keatas pada Edit HTML]
<meta content='aplikasiID=xxxxxxxxxxxxxxx' property='fb:app_id'/>
Huruf xxxxxxxxxxxx yang berwarna merah diganti dengan ID kawan yang tadi
Huruf xxxxxxxxxxxxxxx yang berwarna violet itu bisa kawan temukan di Facebook kawan, caranya Klik kanan pada foto profil kawan, lalu salin Alamat tautan dan lihat pada browse diatas
contohnya seperti berikut :
http://www.facebook.com/media/set/?set=a.147487348615692.19675.xxxxxxxxxxxxxxx&type=1
Huruf xxxxxxxxxxxxxxx yang berwarna violet itu bisa kawan temukan di Facebook kawan, caranya Klik kanan pada foto profil kawan, lalu salin Alamat tautan dan lihat pada browse diatas
contohnya seperti berikut :
http://www.facebook.com/media/set/?set=a.147487348615692.19675.xxxxxxxxxxxxxxx&type=1
Kawan cukup ambil angka terakhir setelah tanda titik [yang saya ganti dengan xxxxxxxxxxxxxxx], dan Paste-kan pada aplikasiID tadi.
Terakhir simpan template kawan dan lihat hasilnya
0 komentar
Post a Comment