<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Harry Bailey &#187; Facebook</title>
	<atom:link href="http://harrybailey.com/category/the-web/facebook/feed/" rel="self" type="application/rss+xml" />
	<link>http://harrybailey.com</link>
	<description>just a little bit geeky</description>
	<lastBuildDate>Tue, 24 Aug 2010 12:15:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Making Facebook Share Button Fit In</title>
		<link>http://harrybailey.com/2010/03/making-facebook-share-button-fit-in/</link>
		<comments>http://harrybailey.com/2010/03/making-facebook-share-button-fit-in/#comments</comments>
		<pubDate>Mon, 08 Mar 2010 16:28:01 +0000</pubDate>
		<dc:creator>Harry</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[The Web]]></category>

		<guid isPermaLink="false">http://harrybailey.com/?p=420</guid>
		<description><![CDATA[The share buttons that are currently offered by sites such as Digg, Facebook and Tweetmeme all have something in common when it comes to their height. 61px seems to be a developing standard.
The problem is that when you line them all up the Facebook share button is actually wider than the others which seem to [...]]]></description>
			<content:encoded><![CDATA[<p>The share buttons that are currently offered by sites such as Digg, Facebook and Tweetmeme all have something in common when it comes to their height. 61px seems to be a developing standard.</p>
<p>The problem is that when you line them all up the Facebook share button is actually wider than the others which seem to come in at 52px.</p>
<p>Well you can make the Facebook button 52px in width without too much trouble. Facebook only use two classes to style the inner &#8216;Share&#8217; button which seems to be the decider when it comes to the buttons width.</p>
<p>By shaving a little off the left and right padding we can bring the Facebook share button back down to 52px in width and make it play nice with the other share buttons.</p>

<div class="wp_syntax"><div class="code"><pre class="css css" style="font-family:monospace;">&lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
span <span style="color: #6666ff;">.FBConnectButton_Small</span> .FBConnectButton_Text 
<span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">3px</span> <span style="color: #933;">2px</span> <span style="color: #933;">2px</span>;
<span style="color: #00AA00;">&#125;</span>
&lt;/style<span style="color: #00AA00;">&gt;</span></pre></div></div>

<p>The extra span is just enough to beat the included Facebook css with a higher specificity score by 1 single point.</p>
]]></content:encoded>
			<wfw:commentRss>http://harrybailey.com/2010/03/making-facebook-share-button-fit-in/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Facebook Preload FQL Help</title>
		<link>http://harrybailey.com/2009/05/facebook-preload-fql-help/</link>
		<comments>http://harrybailey.com/2009/05/facebook-preload-fql-help/#comments</comments>
		<pubDate>Thu, 07 May 2009 00:16:00 +0000</pubDate>
		<dc:creator>Harry</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[The Web]]></category>

		<guid isPermaLink="false">http://harrybailey.com/?p=300</guid>
		<description><![CDATA[Facebook have a beta feature on their platform api called Preload FQL. It allows you to specify an FQL call to take place before the request for the page is made from your servers. This could save a full round trip of api request if you&#8217;re clever about it.
Well the wiki article is quite large [...]]]></description>
			<content:encoded><![CDATA[<p>Facebook have a beta feature on their platform api called <a href="http://wiki.developers.facebook.com/index.php/Preload_FQL">Preload FQL</a>. It allows you to specify an FQL call to take place before the request for the page is made from your servers. This could save a full round trip of api request if you&#8217;re clever about it.</p>
<p>Well the wiki article is quite large but misses a few points I thought it worth noting&#8230;</p>
<p><span id="more-300"></span></p>
<h3>1) You need to escape all forward slashes with a backslash</h3>
<p>In the regexp / always needs to be submitted as \/</p>
<h3>2) The url they match again is the full callback url you submitted for your app not the canvas url</h3>
<p>You aren&#8217;t matching just the file names, you can match back down the folders.<br />
So if you use a folder called myapp/ for your index page then your url regexp could be &#8216;myapp\/$&#8217; for the home page<br />
You could then do &#8216;myapp\/anotherpage\.php$ for a different file and &#8216;myapp\/folder\/$ for another folder</p>
<h3>3) Whatever keys you use in the submitted array are used as the new $_POST var keys</h3>
<p>They take your array key &#8216;user_app_friends&#8217; below and append &#8216;fb_sig_&#8217; to it. The final key would be &#8216;fb_sig_user_app_friends&#8217; in this case</p>
<h3>4) You can submit multiple matches in one api request</h3>
<p>Although the examples only show:</p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #000088;">$fetch</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
	<span style="">'user_app_friends'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
				<span style="">'pattern'</span> <span style="color: #339933;">=&gt;</span> <span style="">'myapp\/$'</span><span style="color: #339933;">,</span> 
				<span style="">'query'</span> <span style="color: #339933;">=&gt;</span> <span style="">'SELECT uid FROM user WHERE has_added_app=1 and uid IN (SELECT uid2 FROM friend WHERE uid1 = {*user*})'</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$facebook</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">api_client</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">admin_setAppProperties</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="">'preload_fql'</span> <span style="color: #339933;">=&gt;</span> json_encode<span style="color: #009900;">&#40;</span><span style="color: #000088;">$fetch</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<p>You could submit:</p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #000088;">$fetch</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
	<span style="">'user_app_friends'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
				<span style="">'pattern'</span> <span style="color: #339933;">=&gt;</span> <span style="">'myapp\/$'</span><span style="color: #339933;">,</span> 
				<span style="">'query'</span> <span style="color: #339933;">=&gt;</span> <span style="">'SELECT uid FROM user WHERE has_added_app=1 and uid IN (SELECT uid2 FROM friend WHERE uid1 = {*user*})'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
	<span style="">'user_friends'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
				<span style="">'pattern'</span> <span style="color: #339933;">=&gt;</span> <span style="">'myapp\/.+$'</span><span style="color: #339933;">,</span>
				<span style="">'query'</span> <span style="color: #339933;">=&gt;</span> <span style="">'SELECT uid2 FROM friend WHERE uid1 = {*user*}'</span>
				<span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#41;</span>;
<span style="color: #000088;">$facebook</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">api_client</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">admin_setAppProperties</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="">'preload_fql'</span> <span style="color: #339933;">=&gt;</span> json_encode<span style="color: #009900;">&#40;</span><span style="color: #000088;">$fetch</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

<h3>5) The easiest way to get data back from the new $_POST variables in json_decode</h3>
<p>Stick the $_POST variable into json_decode(); and then use var_dump to see what you get. It&#8217;s usually pretty obvious.</p>

<div class="wp_syntax"><div class="code"><pre class="php php" style="font-family:monospace;"><span style="color: #000088;">$user_app_friends</span> <span style="color: #339933;">=</span> json_decode<span style="color: #009900;">&#40;</span><span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="">'fb_sig_user_app_friends'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>;
<span style="color: #990000;">var_dump</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$user_app_friends</span><span style="color: #009900;">&#41;</span>;</pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://harrybailey.com/2009/05/facebook-preload-fql-help/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How To Create A Fluid Facebook Publisher Interface</title>
		<link>http://harrybailey.com/2009/05/how-to-create-a-fluid-facebook-publisher-interface/</link>
		<comments>http://harrybailey.com/2009/05/how-to-create-a-fluid-facebook-publisher-interface/#comments</comments>
		<pubDate>Mon, 04 May 2009 21:20:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[The Web]]></category>

		<guid isPermaLink="false">http://harrybailey.com/?p=290</guid>
		<description><![CDATA[Facebook recently changed their publisher inface, again.
The publisher interface is what you see on all profile pages and on your home page. It is how you change your status, and can use it to publish link and photos too. The final option is to use one of you applications who offer a publisher.
Because the publisher [...]]]></description>
			<content:encoded><![CDATA[<p>Facebook recently changed their publisher inface, again.</p>
<p>The publisher interface is what you see on all profile pages and on your home page. It is how you change your status, and can use it to publish link and photos too. The final option is to use one of you applications who offer a publisher.</p>
<p>Because the publisher is now used on the home and profile pages which have different widths, and Facebook have yet to document any explanation of how to make your publisher interface inline easily I spend a bit of time tinkering.</p>
<p><span id="more-290"></span></p>
<p>So if your apps publisher interface is currently popping up in a dialog, and you want it inline, there are the steps I know to work. You may need to do more or less.</p>
<p>1) Use a containing div with no width set to it<br />
2) Ensure any tables have width:100% on them<br />
3) Ensure the total maximum width is less than 376px<br />
4) Use as few fixes width as possible</p>
<p>Only once you have completed the steps above, go to your app settings and on the profile tab, change the option to inline instead of dialog. If you are already on inline, switch to dialog, save, and then switch back.</p>
<p>Currently, one big pain in the backside.</p>
]]></content:encoded>
			<wfw:commentRss>http://harrybailey.com/2009/05/how-to-create-a-fluid-facebook-publisher-interface/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Converting a Facebook group to a Facebook page</title>
		<link>http://harrybailey.com/2008/12/converting-a-facebook-group-to-a-facebook-page/</link>
		<comments>http://harrybailey.com/2008/12/converting-a-facebook-group-to-a-facebook-page/#comments</comments>
		<pubDate>Fri, 05 Dec 2008 23:28:18 +0000</pubDate>
		<dc:creator>Harry</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[The Web]]></category>

		<guid isPermaLink="false">http://harrybailey.com/?p=109</guid>
		<description><![CDATA[Why would you start a Facebook group instead of a Facebook page? Are there any benefits?
Very good questions.
Basically there are none.
You get all the benfits of a group with a page, with the added benefit of being able to send fan updates to all the page fans. With a group you can&#8217;t send out messages [...]]]></description>
			<content:encoded><![CDATA[<p>Why would you start a Facebook group instead of a Facebook page? Are there any benefits?</p>
<p>Very good questions.</p>
<p>Basically there are none.</p>
<p>You get all the benfits of a group with a page, with the added benefit of being able to send fan updates to all the page fans. With a group you can&#8217;t send out messages if there are more than <del datetime="2008-12-05T22:58:08+00:00">1000</del> 5000 members.</p>
<p><span id="more-109"></span></p>
<p>The only large difference is that a persons groups appear in a large mush of blue text on their info tab, which a persons pages appear nicely separated below that.</p>
<p>So if you are wondering if you should start a group or a page, always go for a page. If you can&#8217;t think of a category to add it under, always add it to &#8216;Brand or Product&#8217; -> &#8216;Non-profit&#8217;.</p>
<p>If you already have a group, with enough members for you to want to keep them then I suggest you request to transfer them over to a page of the same name.</p>
<p>You can so that by selecting &#8216;Pages&#8217; from the dropdown menu on this page:</p>
<p><a href="http://www.facebook.com/help/contact_generic.php">http://www.facebook.com/help/contact_generic.php</a></p>
<p>and sending them your details.</p>
<p>Facebook will want the address of your current group, the name you would like for your new page and the category you would like your page to appear in.</p>
<p>So as long as your group meets certain minimum requirements to become a page you should be sorted and able to contact all your members by using a page update.</p>
]]></content:encoded>
			<wfw:commentRss>http://harrybailey.com/2008/12/converting-a-facebook-group-to-a-facebook-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
