Adding Facebook Comments to Tumblr
Adding Facebook comments to a Tumblr blog isn't difficult. Here are the step by step instructions:
1) Create a Facebook App.
- Go here to create a facebook app.
- On the About tab, give your app a name and a description.
- On the Advanced tab, Disable "Upgrade to Requests 2.0".
- On the Web Site tab, add your site's address and the domain.
- Click Save Changes. You'll need the App ID on the summary page, so keep it handy.
2) Edit your tumblr theme by clicking "Customize Appearance" from the dashboard. On the theme tab, you'll need to Enable Custom HTML. This will let you make changes to your theme's html.
3) Add some Facebook specific meta tags to the <head>. You'll probably want to put these inside the <head> tag in the custom html:
<meta property="fb:app_id" content="xxx"> Replace xxx with the App ID from the Facebook app you created in step 1.
<meta property="fb:admins" content="xxx"/> Replace xxx with your Facebook App ID. This App will tell you your ID.
<meta property="og:title" content="{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}"/>
<meta property="og:description" content="{MetaDescription}"/>
<script src="http://connect.facebook.net/en_US/all.js#appId=xxx&xfbml=1"></script> Replace xxx with your App ID from Facebook.
4) Add some html to put the Facebook comments in your page. You will want to put this somewhere inside {block:Posts}:
<a href="{Permalink}">Comments: <span class="count"><fb:comments-count href={Permalink}></fb:comments-count></span></a>
5) Save the theme. Now you can test the Facebook comments. You can moderate them on Facebook.
Have fun!
Comment
Welcome to
Rubhub > Social Search
© 2012 Created by Admin.
You need to be a member of Rubhub > Social Search to add comments!
Join Rubhub > Social Search