Created (c) by Princexells Seyka (Princelling Saki)
Headlines News :
Home » » Cara Membuat Kotak Komentar Facebook, Twitter dan Blog

Cara Membuat Kotak Komentar Facebook, Twitter dan Blog

Written By ๖̶̶̶ۣۜc-mp3ñk on Tuesday, May 1, 2012 | 9:42 PM

Cara Membuat Kotak Komentar Facebook, Twiter Dan Blog
Setelah Memposting Cara Membuat kotak Komentar Facebook dan blog kemarin, kali ini saya akan memberikan Tips Cara membuat kotak Komentar Facebook, Twiter Dan Blog.

Sebelum memulai, terlebih dulu download template lengkap untuk berjaga-jaga barangkali kita ingin mengembalikan ke template semula atau jika terjadi kesalahan. Sekarang kita mulai langkah-langkah memasang kotak komentar facebook dan twitter di blogger.


1. Masuk ke akun blogger, lalu pilih Rancangan > Edit HTML > Centang 'Expand Template Widget'
2. Tekan tombol Ctrl+F lalu cari kode <head>
3. Masukkan kode berikut tepat di bawah kode <head>:

<meta content='Profile_IDe_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://c-mp3nk.googlecode.com/files/jscomment.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://c-mp3nk.googlecode.com/files/twetcomment.js'/>
<script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>
4. perhatikan code berwarna Merah

  • Ganti tulisan Profile_ID dengan ID profil atau username facebook kita. ID profil bisa berupa angka atau huruf. Cara mengetahui ID profil kita adalah dengan membuka halaman profil dan lihatlah kolom alamat (address bar).  Jika alamat profil Pengemis Tua  adalah www.facebook.com/unitama, maka ID profil Saya adalah unitama.
  • Ganti tulisan APP_ID dengan ID Aplikasi facebook kita 
  • Ganti tulisan API_KEY dengan API KEY dari aplikasi twitter 
5. Kemudian cari CODE <div class='comments' id='comments'> , masukkan code berikut ini tepat di bawah <div class='comments' id='comments'> ke 2


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


  •  Angka 10 adalah Jumlah komentar facebook yang ingin di tampilkan.
  • Angka 400 adalah Ukuran Lebar Kotak Komentar.
6. Simpan template Anda dan liat hasilnya,,

Notes :

  •  Untuk Mendapat API_KEY klik DISINI dan ikuti saja langkah2nya.
  •  Untuk Mendapat APP ID klik DISINI dan ikuti saja lagnkah2nya.





Share this article :
Diposkan oleh ๖̶̶̶ۣۜc-mp3ñk di 9:42 PM
Label:

4 comments:

  1. Nicky Oktavian BlogMay 2, 2012 at 5:10 AM

    nih mantapp cappo bs dicoba yah

    ReplyDelete
  2. UnknownMay 2, 2012 at 7:35 PM

    mantap gang blognya

    ReplyDelete
  3. Nanang GunawanMay 4, 2012 at 9:37 PM

    Nice info gan, Good Artikel :)

    ReplyDelete
  4. Sang Pangeran NahwuMay 5, 2013 at 4:04 AM

    Bisakah kasih download template yang ada komentar blog, facebook, dan twitter, tolong kirim aku alamat download lewat komentar sobat di blog ana ...
    makasih sebelumnya.

    ReplyDelete

 
█║▌│█│║▌║││█║▌│║▌║█║║▌
Copyright © 2012. ๖̶̶̶ۣۜc-mp3ñk - Some Rights Reserved