Cara Membuat Kotak Komentar Via Facebook di Blog

11.15  Adias-PC  2 comments


|Cara Membuat Kotak Komentar Via Facebook di Blog|
|Created Posted By : adias-PC|


Mau Tau Cara Membuat Kotak Komentar Via Facebook di Blog ? Cara Membuat Kotak Komentar Via Facebook di Blog Seperti Gambar Di Samping. Caranya Mudah sob Tinggal Ikutin Tutorial Di bawah ini :



1. Login Ke Facebook.


Beri nama kotak komentarmu, centang setuju
dan "Buat aplikasi bari"

verifikasi kata, dan "Submit"


Klik pada " Web site " lalu ketikkan alamat blog ,


Catet, ID Aplikasi, dan Email


3. Kalo Sudah Langsung Login Ke Blogger.
4. Pilih Tab Rancangan/Desaign --->Edit HTML.
5. Download template full dan Expand Widget template, untuk menghindari kemungkinan gagal.
6. Cari Kode <body> (Gunakan F3 Atau Ctrl + F)
7. Kalo sudah Ketemu Copas Kode berikut di bawah Kode <body>.

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : &#39; ID APLIKASI ANDA &#39;,
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};


(function() {
var e = document.createElement(&#39;script&#39;);
e.src = document.location.protocol + &#39;//connect.facebook.net/en_US/all.js&#39;;
e.async = true;
document.getElementById(&#39;fb-root&#39;).appendChild(e);
}());
</script>;

KET* : Ganti ID APLIKASI ANDA dengan Kode Applikasi barusan

8. Selanjutnya Cari Kode </body> (Gunakan F3 Atau Ctrl + F)
9. Copas Kode Berikut ini Di bawah Kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='NAMA BLOG ANDA' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='ID APLIKASI ANDA' property='fb:app_id'/>
<meta content='ALAMAT EMAIL APLIKASI' property='fb:admins'/>
<meta content='article' property='og:type'/>

KET* : Ganti Kode yang berwarna merah Sesuai Keterangan

10. Cari Lagi Kode <data:post.body/> (Gunakan F3 Atau Ctrl + F)
11. Copas Kode berikut ini di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><br/> <div><fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' width='450'/></div> 
<div style='background-color: #f2f2f2;border: solid 1px #cccccc; font-size:10px; padding:3px;width:100%;'></div></b:if>
 12. Simpan Templatenya.


Created Posted By : adias-pc.blogspot.com


Kalau Ada Yang Kurang Di Mengerti Silakan Berkomentar.....



Lihat Yang Lainnya...

Posted in: ,

2 komentar:

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63

Posting Komentar

Bagi sobat yang mau berkomentar silakan berkomentar dengan kata-kata yang sopan.

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites