Show Thread Enhancements - Add Facebook comments to threads

This modification will integrate Facebook comments directly into the posts, at the bottom of the page.

What is needed for this modification:

• A standard facebook account.
  
• A facebook application, anyone can set one up and it's simple http://www.facebook.com/developers/createapp.php Be sure to add your site URL to the "Connect URL" and take note of your API Key.

Once that is done it's time to add the code to the SHOWTHREAD template.

Find:

{vb:raw similarthreads}

Add this above:

	<!-- FB Comments -->
	<h4 class="threadinfohead"><span class="optiontitle">Facebook Comments</span></h4>
	<div id="thread_tags_list" class="thread_info_block">
		<div class="inner_block">
			<div id='tag_list_cell'>
<script src="http://static.ak.connect.facebook.com/connect.php/en_US" type="text/javascript"></script><script type="text/javascript">FB.init("YOUR API KEY");</script><fb:comments> </fb:comments>
			</div>
		</div>
	</div>
	<!-- /FB Comments -->

Be sure to add your API key.

[blueperspective]

Does this one work on Vbulletin 4.1.8 ?

[Manoel J?nior]

Originally Posted by blueperspective

Does this one work on Vbulletin 4.1.8 ?

Yes!

[Gemma]

Originally Posted by mikeinjersey

Hello, does the Facebook Connect app need to be turned on for this to work or no ?

thanks.

No it doesn't, as long as you have an Application set up and enter the APP ID where required.

[hyperviperx99]

Does anyone know a way to thicken the Facebook Comments header so it's more noticeable?

[Gemma]

Try using this, it should make it fall in line with tag box, who has read etc

<!-- FB Comments -->
        <h2 class="blockhead" style="padding-top:5px;"><span class="optiontitle">Facebook Comments</span></h2>
        <div id="thread_tags_list" class="thread_info_block blockbody formcontrols floatcontainer">
           <div class="blockrow floatcontainer">
                <div id='tag_list_cell'>
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments expr:xid="APP_ID" simple="1" num_posts="10" width="500" publish_feed="true"></fb:comments><br/>
                </div>
            </div>
        </div>
<img src="clear.gif" height="10" /><br />
        <!-- /FB Comments -->

[hyperviperx99]

Thanks Gemma! By the way, do you know if this could be integrated for CMS articles?

[Adma Su]

Originally Posted by ericgtr

From the instructions above here is the link http://www.somethingtoputhere.com/xd_receiver.htm <--- save file as

It will appear on your wall as a generic comment from what I can tell, not sure if it links to the post or not.

seems like this URL is not working anymore =/
can any one help me to get the xd_receiver.html ??

[Gemma]

Originally Posted by hyperviperx99

Thanks Gemma! By the way, do you know if this could be integrated for CMS articles?

Add the code to your vbcms_content_article_page template.

[hyperviperx99]

Originally Posted by Gemma

Add the code to your vbcms_content_article_page template.

Where in that template should I add the code?

[Gemma]

Originally Posted by hyperviperx99

Where in that template should I add the code?

No idea, it isn't something I use. Depends where you want it to display - I'd say at the bottom after </div>