{"id":443,"date":"2010-02-17T00:44:22","date_gmt":"2010-02-17T06:44:22","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/02\/17\/how-to-add-a-facebook-fan-page-box-to-wordpress\/"},"modified":"2010-02-17T00:52:52","modified_gmt":"2010-02-17T06:52:52","slug":"how-to-add-a-facebook-fan-page-box-to-wordpress","status":"publish","type":"post","link":"http:\/\/www.evolutionarydesigns.net\/blog\/2010\/02\/17\/how-to-add-a-facebook-fan-page-box-to-wordpress\/","title":{"rendered":"How to Add a Facebook Fan Page Box To WordPress"},"content":{"rendered":"

\"facebook<\/a><\/p>\n

Over the last couple of weeks I have been thinking about adding a Facebook Fan Page<\/a>. Well yesterday I finally did it. It is still a bit rough and I will be working on it over time to make it better. But I at least I got the my RSS feed added to the site.<\/p>\n

So How Do I Add a Fan Page for Facebook To My WordPress Blog?<\/h3>\n

The first thing you need to do is create a fan page on Facebook<\/a> for your blog. Once you have your fan page setup, then go to the Facebook Widget Fan Box page<\/a>. Next, select the button that says “other.”<\/p>\n

\"facebook<\/a><\/p>\n

Third, you need to copy the code from the field below.<\/p>\n

\"facebook<\/a><\/p>\n

Once you have the code copied, you need to open your WordPress<\/a> admin panel and click on the edit link under the appearance section. Once you have the editor open, you need to select the single.php or the index.php file depending on what theme you are using.<\/p>\n

After opening single.php drop the code anywhere you want the fan box to appear. For this tutorial, I added the code to the end of the post after the content.<\/p>\n

In order to put the code in place, scroll to the bottom of the page and look for this code.<\/p>\n

<\/span>\"facebook<\/a><\/p>\n

You can then add the code just before <– \/post –> and should look this.<\/p>\n

\"facebook<\/a><\/p>\n

After you get the code in place. Save and open one of your posts. Then adjust (stylize the code) the box by changing the width size so it sized the way you like it. Here is what the code looks like and what you need to change.<\/p>\n

<script type=”text\/javascript” src=”http:\/\/static.ak.connect.facebook.com\/js\/api_lib\/v0.4\/FeatureLoader.js.php\/en_US”<\/a>><\/script><script type=”text\/javascript”>FB.init(“49ff6ecfec1295a960db7ada2d5b55c4″);<\/script><fb:fan profile_id=”295667978946″ stream=”0″ connections=”10″ logobar=”1” width=”665″<\/strong>><\/fb:fan><div style=”font-size:8px; padding-left:10px”><a href=”http:\/\/www.facebook.com\/pages\/Evolutionary-Designs\/295667978946″<\/a>>Evolutionary Designs<\/a> on Facebook<\/div><\/p><\/blockquote>\n

To see what my custom box looks like, You can find it just after the bookmarking icons you can see the fan box. While your down there looking at it, become a fan.<\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Over the last couple of weeks I have been thinking about adding a Facebook Fan Page. Well yesterday I finally did it. It is still a bit rough and I will be working on it over time to make it better. But I at least I got the my RSS feed added to the site. […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[225],"tags":[1497,228,226,63,227,158,1481],"class_list":["post-443","post","type-post","status-publish","format-standard","hentry","category-facebook","tag-facebook","tag-facebook-fan-page-box-widget","tag-facebook-fan-pages","tag-how-to","tag-how-to-add-facebook-fan-page-box-to-wordpress","tag-howto","tag-wordpress","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-79","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=443"}],"version-history":[{"count":0,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/443\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=443"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}