Nyoba ngBongkar plugins Facebook Comments Nyoba ngBongkar plugins Facebook Comments

Facebook's Comments Box Tags

XFBML Tag

<fb:comments href="http://www.aingcreations.org/2011/05/nyoba-ngbongkar-plugins-facebook.html"></fb:comments>

Blogger Template Tag

<fb:comments expr:href='data:post.url'></fb:comments>

Blogger HTML/JavaScript Widget

<script type="text/javascript">
document.write('<fb:comments href="'+window.location.href.split('?')[0].split('#')[0]+'"></fb:comments>')
</script>

Facebook's Comments Box Attributes

Example:

<fb:comments href="http://www.aingcreations.org/2011/05/nyoba-ngbongkar-plugins-facebook.html" width="400" num_posts="3" colorscheme="dark"></fb:comments>

href

URL halaman site or blog

migrated=1

upgrade dari versi dulu

(Note: if you are upgrading, you should not specify the href parameter.)

width

lebar comments box in pixel Minimum recommended width: 400px

num_posts

maximum limit komentar yang ditampilkan Default: 10

colorscheme

theme warna yang dipake dark atau light

Administer Meta Tags (apa itu meta tag?)

Personal/By Ids

<meta property="fb:admins" content="userID,userID,userID,.."/>

All administrators of the App

<meta property="fb:app_id" content="applicationID"/>

Comment Moderation Tool: http://developers.facebook.com/tools/comments

Access the number of comments

Example:

0 awesome comments

<fb:comments-count href="http://www.aingcreations.org/2011/05/nyoba-ngbongkar-plugins-facebook.html"></fb:comments-count> awesome comments

Comment PopUp Link

Example:

Comment with facebook

<a href="http://www.facebook.com/plugins/comments.php?href=http://www.aingcreations.org/2011/05/nyoba-ngbongkar-plugins-facebook.html" onClick="javascript:window.open(this.href, 'bloggerPopup', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=500,height=650'); return false;">Comment with facebook</a>

Blogger Template Tag

<a expr:href='"http://www.facebook.com/plugins/comments.php?href=" + data:post.url' onClick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=500,height=650"); return false;'>Comment with facebook</a>

Blogger HTML/JavaScript Widget

<script type="text/javascript">
document.write('<a href="http://www.facebook.com/plugins/comments.php?href='+window.location.href.split('?')[0].split('#')[0]+'" onClick="javascript:window.open(this.href, \'bloggerPopup\', \'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=500,height=650\'); return false;">Comment with facebook</a>')
</script>

Comment permalink

Example:

<iframe src="http://www.facebook.com/plugins/comments.php?href=http://www.aingcreations.org/2011/05/nyoba-ngbongkar-plugins-facebook.html&permalink=1" style="width:300px; height:20px; background:none; padding:0; margin:0; border:none; vertical-align:middle"></iframe>

Access comments via the graph API

http://graph.facebook.com/comments/?id=http://www.aingcreations.org/2011/05/nyoba-ngbongkar-plugins-facebook.html&callback=tulisComments