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.
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'/>
<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 == "item"'>
<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<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>
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 = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[0].appendChild(js); }(document));</script> </b:if> <a expr:href='data:post.url + "#fb-root"'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>
<b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[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>
<b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <script>(function(d){ var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; d.getElementsByTagName('head')[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 comments:
Post a Comment