Image and video hosting by TinyPic

Senin, 16 April 2012

Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan

Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan - Sebenarnya AB ingin menulis tentang Membuat Kotak Komentar pada postingan secara manual. Tapi buat apalagi kalau sudah ada yang otomatis. Bedanya, anda tidak perlu lagi bolak-balik menyalin kode script Kotak Komentar Facebook apabila anda memposting tulisan anda yang baru. Oleh karena itulah maka AB memberikan Tutorial bagaimana Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan.



Langkah-langkah Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan:
1. Masuk ke https://developers.facebook.com/docs/reference/plugins/comments/
2. Isilah URL blog anda, misalnya : http://kumpulan-adsen.blogspot/


3. Tekan / klik GET CODE, maka akan muncul seperti gambar di bawah ini:


4. Bukalah akun blog anda
5. Pilih Rancangan / Design lalu pilih lagi Edit HTML
6. Centang Expand Template Widget
7. Carilah tanda <body>
8. Kembali ke Developer Facebook tadi
9. Salin / Copy lah Script no 1 dan letakkan tepat di bawah <body> pada edit HTML template blog anda.

hasilnya akan menjadi seperti di bawah ini bila anda sudah mempastekannya :

<body>

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

dst....

(catatan: seandainya template anda sudah menyediakan kode diatas, abaikan saja. Anda tidak perlu lagi mempastenya, artinya template anda telah menyediakan kode tersebut)

10. Setelah anda salin kode 1 tadi (atau sudah ada), salin lagi kode no 2
11. Sebelumnya cari kode <div class='post-footer-line post-footer-line-1'> pada Edit HTML Template Anda kawan
12. Tempatkanlah kode no 2 tadi tepat di bawah kode <div class='post-footer-line post-footer-line-1'>
<div class="fb-comments" data-href="http://kumpulan-adsen.blogspot.com" data-num-posts="2" data-width="470"></div>
13. Selanjutnya gantilah kode data-href="http://kumpulan-adsen.blogspot.com" dengan kode ini:  expr:data-href='data:post.url' maka hasilnya akan seperti ini
<div class="fb-comments" expr:data-href='data:post.url' data-num-posts="2" data-width="470"></div>
Jangan lupa sesuaikan ukurannya yah. Ganti angka yang berwarna merah sesuai keinginan (lebar postingan anda) tujuannya biar rapi saja.

14. Lalu simpan template anda. Lihat hasilnya.

Contoh Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan lihat postingan blog ini, ada kolom komentar facebooknya.

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Cara Membuat Kotak Komentar Facebook Otomatis disetiap Postingan ini dipublish oleh Unknown pada hari Senin, 16 April 2012. Semoga artikel ini dapat bermanfaat dan menambah wawasan kita semua. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.

:: Get this widget ! ::

0 komentar:

Posting Komentar

Jangan Lupa komentar ya. . .