Cara Membuat Komentar Blog, Twitter Dan Facebook Berdampingan

Cara Membuat Komentar Blog, Twitter Dan Facebook Berdampingan - Mungkin kamu sudah pernah lihat kotak komen seperti gambar yang ada diatas, nah pada kesempatan kali ini saya akan berbagi caranya:

Profile_ID (Facebook)

APP_ID (Facebook)

API_Key (Twitter)

Yang belum mempunyai material di atas silakan baca di bawah ini :

1. Profile_ID adalah ID account facebook kamu contohnya punya saya "http://www.facebook.com/muhammad.andriansyah757" jadi Profile_ID saya adalah "muhammad.andriansyah757"

2. APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, yang belum punya silahkan buat Disini

3. APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, yang belum punya silahkan buat Disini

Kalo semuannya sudah di siapkan, mari kita mulai tutorialnya :

1. Masuk ke akun blogger > Template > Edit HTML > Centang terlebih dahulu 'Expand Template Widget'

2. Masukan script di bawah ini tepat di bawah kode <head>. Agar lebih mudah tekan Tombol Ctrl + F kemudian masukkan <head>

<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&amp;v=1'/>

3. Masuk kan Profile_ID kamu, APP_ID facebook kamu dan API_Key twitter kamu, ke dalam Script di atas

4. Masuk kan Script di bawah ini tepat di code class='comments'

<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 == &quot;item&quot;'>

    <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'>

5. Amati kode yang berwarna merah

Commnts, Tweets dan Komentar dapat di ganti sesuka hati kita , karena ini adalah judul dari kotak komentar masing-masing

Angka 10 merupakan jumlah komentar yang ditampilkan, dapat anda rubah

Angka 400 adalah lebar dari kotak komentar, bisa anda rubah

6. Simpan template blog anda , dan lihat hasilnya , mudah-mudahan sukses ya.

Sekian tutorial simpel Cara Membuat Komentar Blog, Twitter Dan Facebook Berdampingan dari saya. Semoga postingan saya bermanfaat, Terima Kasih