Cara Memasang Komentar Facebook di Blog - Responsive Desain

Cara Memasang Komentar Facebook di Blog - Responsive Desain
Salah satu indikasi blog kita jelek banget atau tidak adalah adanya kolom komentar yang disematkan dalam desain template yang kita gunakan.

Masih ingatkan dengan alasan blog kamu super jelek sekali?

Dengan dasar itulah seorang blogger mencari sebuah template yang menyediakan fasilitas kolom komentar yang user frindly.

Kami katakan demikian, ya karena faktor kemudahan saja. Tentu tidak ada diantara blogger yang tidak menggunakan faceebook sebagai media berkomunikasi dengan sesama kolega.

Kali ini akan kita bahas tentang cara memasang komentar facebook di blog. Tips ini dimaksudkan untuk menambah kemudahan bagi para pembaca atau pengunjung blog kita yang akan memberikan komentar atau sekedar mencari backlink. Beberapa tips kali ini ane dapatkan dari akang CB.
Cara Memasang Komentar Facebook di Blog - Responsive Desain
 Cara Memasang Kolom Komentar Faceebook Responsive di Blog

Tida usah sepaneng, santai aja mas Bro. berikut langkah-langkahnya:
1. Masuk akun blogger > pilih template > mode HTML
2. Copas kode di bawah ini tepat di bawah kode <body>


<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

3. Copas kode di bawah ini dan letakkan tepat di bawah kode <div class='comments' id='comments'>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='margin-top:20px'>
<div class='fb-comments' data-num-posts='5' data-width='600' expr:data-href='data:blog.url'/>
</div>
</b:if>
4. Save template
5. Silakan test dengan cara membuka salah satu artikel, dan lihat di bawah sudah terdapat kolom komentar FB atau belum. Jika sudah, selamat Sobat berhasil. Jika belum, silakan lakukan langkah ke dua di bawah ini.

Cara Lain
1. Login ke akun Facebook Anda
2. Buat dulu ID Aplikasinya di Facebook App > Pilih Create New App”.
3. Ikuti langkah berikutnya dan masukkan alamat blog di “App Domain”.
5. Masukkan juga alamat blog di bagian “Select how your app integrates with Facebook”, pilih “Website”, masukkan "seluruh alamat url blog sobat", misalkan seperti http://www.forumblogindo.com
6. Pilih“Save Changes”.
Catatan:
Simpan ID Aplikasi Facebook Anda yang berupa angka --yang muncul setelah tahap "Create New App". Untuk memoderasi komentar yang masuk nantinya (memilih komentar yang akan diterbitkan), buka saja FB Tools Comments.

7. Masuk akun blogger > pilih template > mode HTML
8. Copas kode di bawah ini dan letakkan di bawah kode <head>

<meta property="fb:app_id" content="YOUR_APPLICATION_ID"/>

9. Isi YOUR_APPLICATION_ID dengan ID Aplikasi FB (berupa angka) yang sudah dicatat pada langkah sebelumnya.
10. Copas kode di bawah ini dan letakkan di bawah kode <div class='comments' id='comments'>


<b:if cond='data:post.isFirstPost'> <script>(function(d){ var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); }(document));</script> </b:if> <a expr:href='data:post.url + &quot;#fb-root&quot;'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='fb-root'/> <script>(function(d){ var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;} js = d.createElement(&#39;script&#39;); js.id = id; js.async = true; js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;; d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js); }(document));</script> <div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='600'/></div> </b:if>

11. Save template
12. Silakan cek lagi njeh.

Masih belum berhasil?

Silakan lakukan langkah pamungkas njeh. Hal ini sudah saya bahas di artikel sebelumnya

Demikian ulasan singkat pagi ini. Semoga bermanfa'at. Salam.

0 Response to "Cara Memasang Komentar Facebook di Blog - Responsive Desain"

Posting Komentar

Hanya sebagian kecil komentar yang disetujui. Jangan membuang waktu Anda jika hanya untuk melakukan "spam" di Forum Blogger Indonesia ini. So, komentar yang Anda tuliskan menunjukkan tingkat kualitas diri Anda.

Salam blogger

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel