Membuat kotak komentar Facebook di blog versi 2

Dalam pembahasan kali ini, Santri Balaghy akan sharing info mengenai trik membuat kotak komentar facebook di blog versi 2. Fungsinya sama dengan trik komentar facebook sebelumnya. Hanya saja dalam trik kali ini, terdapat jumlah komentar baik Facebook, Twitter maupun google plus. Dan ini merupakan penyempurnaan dari trik facebook yang lalu. Kekurangan pada trik sebelumnya adalah saat pembaca memberikan komentar melalui akun google, maka otomatis kotak komentar yang lain hilang. Nah, ini solusinya.

Demo

Seperti apa triknya, langsung aja 

1. Login blogger, pilih menu Template => Edit Html

2. Setelah masuk ke ruang editing, cari kode </head>

3. Setelah ketemu, masukkan kode dibawah ini tepat di atasnya.

<meta content='Profile_ID' property='fb:admins'/> <meta content='APP_ID' property='fb:app_id'/> <script src='http://code.jquery.com/jquery-latest.pack.js'/> <script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/> <script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/> <script src='http://platform.twitter.com/anywhere.js?id=API_KEY&v=1'/>

Keterangan
* Ganti Profile_ID dengan ID profile facebook milik sahabat.
* Ganti APP_ID dengan ID Aplikasi facebook milik sahabat.
* Ganti API_KEY dengan ID Aplikasi twitter milik sahabat.

Note: 
Karena terjadi sedikit kesalahan, ganti kode di bawah ini
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&v=1'/>

Ganti dengan kode ini
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>

4. Langkah selanjutnya cari kode <div class='post-footer-line post-footer-line-3'/> atau yang menyerupainya.

5. Setelah ketemu kodenya, masukkan kode dibawah ini tepat dibawahnya,

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'> <data:post.numComments/> Comments </div> <div class='comments-tab' id='twitter-comments' title='Comments with Twitter'> <span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets </div> <div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'> <fb:comments-count expr:href='data:post.url'/> Komentar </div> <div class='clear'/> </div> <div class='comments-page' id='twitter-comments-page'> <div id='js-tweet-box'/> </div> <div class='comments-page' id='fb-comments-page'> <b:if cond='data:blog.pageType == "item"'> <div id='fb-root'/> <fb:comments expr:href='data:post.url' num_posts='10' width='400'/> </b:if> </div> <div class='comments comments-page' id='blogger-comments-page'>

Keterangan
* Angka 10 adalah jumlah komentar yang akan ditampilkan
* Angka 400 adalah lebar kotak komentar

6. Langkah terakhir save template dan lihat hasilnya. Jangan lupa bersyukur kalo berhasil.

Sekian tips trik tentang membuat kotak komentar Facebook di blog versi 2. Semoga artikel ini bisa memberikan informasi yang sahabat cari selama ini.

Selamat mencoba,
Salam Santri Balaghy!

Sumber: SiOmponk dan Panduantemplateblog
Trik ini merupakan gabungan dari dua sumber.