Langsung ke pokok Posting.
Sebelumnya kalian persiapkan petunjuk di bawah ini:
1. ID Facebook
adalah ID facebook kamu, Sebagai contoh
"http://www.facebook.com/korps.briand" Jadi ID Facebook
"korps.briand"
2. FB_APP_ID adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar facebook, Silahkan buat disini
3. TWITTER_APP_Key adalah ID dari aplikasi yang akan kita gunakan untuk kotak komentar twitter, Silahkan Buat disini
Jika semua sudah siap Perhatikan Langkah-langkah berikut:
- Masuk ke akun blogger kalian > Template > Edit HTML > Centang 'Expand Template Widget'
- Masukan script di bawah ini di bawah kode <head>. Dengan menggunakan Tombol Ctrl + F kemudian masukkan <head>
<meta content='ID Facebook' property='fb:admins'/>
<meta content='FB_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=TWITTER_API_Key&v=1'/>
Jangan lupa ganti huruf berwarna MERAH sesuai yang kalian miliki
- Masuk kan Script di bawah ini 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 == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>
Perhatikan KODE yang berwarna MERAH:
- Comments, Tweets dan Komentar dapat di ganti sesuka hati kita
- Angka 5 adalah jumlah komentar yang ditampilkan
- Angka 500 adalah lebar dari kotak komentar
- Save dan lihat hasilnya.
Wah mantaf infonya gan, tapi saya baru bisa bikin komentar fb dan Blogger aja. itupun susah payah gan. saya akan coba yang ini yaw, thanks
ReplyDeleteMantaf gan..thanxs tutornya :D,
ReplyDeletemampir d blog newbi ane ya
http://dogratz.blogspot.com/