tag:blogger.com,1999:blog-55231020507247346102024-03-13T05:07:06.516-07:00Social pluginsSocial plugins let you see what your friends have liked, commented on or shared on sites across the web. All social plugins are extensions of Facebook, Twitter, MySpace, LinkedIn, Flickr, Vkontakte, Orkut, hi5 and more.Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-5523102050724734610.post-73577178412658337282010-11-10T23:45:00.000-08:002010-11-10T23:52:32.747-08:00Five new themes for Gmail<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><a href="http://social-plugins.blogspot.com/2010/11/five-new-themes-official-gmail-blog.html"><img alt="Gmail theme 2" border="0" height="89" src="http://farm5.static.flickr.com/4050/5147683536_d9f0e088f2.jpg" width="200" /></a></div><br />
Google have released five new themes for the Gmail. Here're a few screenshots:<br />
<br />
<a name='more'></a><span class="Apple-style-span" style="color: #222222; font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 12px; line-height: 15px;"><div style="font-size: 12px; line-height: 20px !important; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><br />
<img alt="Gmail theme 1" border="0" height="133" src="http://farm5.static.flickr.com/4016/5147683446_6272e06f50_z.jpg" width="400" /></div><div style="font-size: 12px; line-height: 20px !important; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: center;"><img alt="Gmail theme 3" border="0" height="173" src="http://farm5.static.flickr.com/4036/5147081045_1f322855b6.jpg" width="400" /></div></span><br />
<div><br />
<h3 style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: static;"><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family: inherit;">How to get a new Theme on Gmail account?</span></span></h3><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: inherit;">1. Log in to your Gmail account.</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: inherit;">2. Go to Settings and </span><span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(0, 102, 255) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: #0066ff; cursor: pointer !important; display: inline !important; float: none !important; font-style: normal !important; font-weight: normal !important; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 1px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static; text-decoration: underline !important;"><span class="Apple-style-span" style="font-family: inherit;">select</span></span><span class="Apple-style-span" style="font-family: inherit;"> ‘Themes’.</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: inherit;">3. Click on ‘Android’ or another theme. That’s it!</span></div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="font-family: inherit;">Enjoy!</span></div><div style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
</div><div style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><div style="font-family: 'Times New Roman'; font-size: medium; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"><a href="http://gmailblog.blogspot.com/2010/11/five-new-themes.html">Read more on Gmail Blog</a></div><div style="font-family: 'Times New Roman'; font-size: medium;"></div><br />
<div style="text-align: center;"><span class="Apple-style-span" style="font-family: Georgia, 'Times New Roman', Times, serif; font-size: 10px;"><span style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></span></div></div>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com0tag:blogger.com,1999:blog-5523102050724734610.post-748614069887642222010-10-28T01:36:00.000-07:002010-10-28T01:39:36.792-07:00Live Stream<div class="separator" style="clear: both; text-align: left;"><a href="http://b.static.ak.fbcdn.net/rsrc.php/zc/r/wsZ1wFYiW6h.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://b.static.ak.fbcdn.net/rsrc.php/zc/r/wsZ1wFYiW6h.png" /></a></div><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">The Live Stream plugin lets your users share activity and comments in real-time as they interact during a live event.</span><br />
<a name='more'></a><span class="Apple-style-span" style="border-collapse: separate; color: #333333;">The Live Stream plugin lets users visiting your site or application share activity and comments in real time. Live Stream works best when you are running a real-time event, like live streaming video for concerts, speeches, or webcasts, live Web chats, webinars, massively multiplayer games.</span><br />
<span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;"><span class="Apple-style-span" style="border-collapse: separate; color: #333333;"><span class="Apple-style-span" style="font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; line-height: normal;"></span></span></span><br />
<div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><b><span class="Apple-style-span" style="font-size: x-large;">Code:</span></b></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="font-size: small; line-height: 18px;"><iframe src="http://www.facebook.com/plugins/live_stream_box.php?app_id=<b>1</b>&amp;width=400&amp;height=500&amp;via_url&amp;always_post_to_friends=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:500px;" allowTransparency="true"></iframe></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: x-large; line-height: 18px;"><b>Remember:</b></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;">To use this plug-in, your site must have an application ID. You can get an application ID by </span><a href="http://developers.facebook.com/setup" style="color: #3b5998; cursor: pointer; text-decoration: none;"><span class="Apple-style-span" style="font-size: small;">registering your site.</span></a><span class="Apple-style-span" style="font-size: small;"> Replace</span><b><span class="Apple-style-span" style="font-size: small;"> APP_ID</span></b><span class="Apple-style-span" style="font-size: small;"> in the above script with your application ID </span></span></span></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="font-size: small;"> </span></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="font-size: small;">or just enter the number </span><b><span class="Apple-style-span" style="font-size: small;">1.</span></b></span><br />
<span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><b><br />
</b></span><br />
<span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><b><span class="Apple-style-span" style="font-size: x-large;">Preview:</span></b></span></div><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/live_stream_box.php?app_id=1&width=500&height=500&via_url&always_post_to_friends=true" style="border: none; height: 500px; overflow: hidden; width: 500px;"></iframe>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com1tag:blogger.com,1999:blog-5523102050724734610.post-40126415049001449042010-10-28T01:27:00.000-07:002010-10-28T01:27:54.078-07:00Comments<div class="separator" style="clear: both; text-align: left;"><a href="http://b.static.ak.fbcdn.net/rsrc.php/zd/r/KAEI5Y5ogZ1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://b.static.ak.fbcdn.net/rsrc.php/zd/r/KAEI5Y5ogZ1.png" /></a></div><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">The Comments plugin lets users comment on any piece of content on your site.</span><br />
<a name='more'></a><br />
<div style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">The Comments Box easily enables your users to comment on your site's content — whether it's for a web page, article, photo, or other piece of content. Then the user can share the comment on Facebook on their Wall and in their friends' streams.</div><div style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">To administer your comments box, you need to be listed as a developer on the application used to initialize the <a href="http://social-plugins.blogspot.com/2010/10/javascript-sdk.html" style="color: #3b5998; cursor: pointer; text-decoration: none;">JavaScript SDK</a>. An 'Administer Comments' link will appear below the 'Post' button for developers of the application.</div><div style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><br />
</div><div style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; line-height: normal;"></span></div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><b><span class="Apple-style-span" style="font-size: x-large;">Code:</span></b></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="font-size: small; line-height: 18px;"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=<b>APP_ID</b>&amp;xfbml=1"></script><fb:comments xid="<b>15544548</b>" width="425"></fb:comments></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-size: x-large;"><b>Remember:</b></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;">To use this plug-in, your site must have an application ID. You can get an application ID by </span><a href="http://developers.facebook.com/setup" style="color: #3b5998; cursor: pointer; text-decoration: none;"><span class="Apple-style-span" style="font-size: small;">registering your site.</span></a><span class="Apple-style-span" style="font-size: small;"> Replace<b> APP_ID</b> in the above script with your application ID or just enter the number <b>1. </b>Replace the number above </span></span></span></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><b>15544548</b> with an unique/another number.</span></div><b><span class="Apple-style-span" style="font-size: x-large;">Preview:</span></b><br />
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=1&xfbml=1">
</script><fb:comments width="500" xid="15544548"></fb:comments>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com0tag:blogger.com,1999:blog-5523102050724734610.post-41900058382741041712010-10-28T01:22:00.000-07:002010-10-28T01:33:12.684-07:00Facepile<div class="separator" style="clear: both; text-align: left;"><a href="http://static.ak.fbcdn.net/rsrc.php/z9/r/jbDQiDWy56n.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://static.ak.fbcdn.net/rsrc.php/z9/r/jbDQiDWy56n.png" /></a></div><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">The Facepile plugin shows the Facebook profile pictures of the user's friends who have already signed up for your site.</span><br />
<a name='more'></a><span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">The Facepile plugin shows the Facebook profile pictures of the user's friends who have already signed up for your site.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">You can specify the maximum number of rows of profile pictures to display. The plugin dynamically sizes its height; for example, if you specify a maximum of four rows, and there are only enough friends to fill two rows, the height of the plugin will be only what is needed for two rows of profile pictures. The plugin doesn't render if the user is logged out of Facebook or doesn't have friends who have signed up for your site using Facebook.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">Using the new <a href="http://social-plugins.blogspot.com/2010/10/javascript-sdk.html" style="color: #3b5998; cursor: pointer; text-decoration: none;">JavaScript SDK</a>, the plugin is available via the <code style="color: #006000; font-family: monospace; font-size: 13px;"><fb:facepile></code> XFBML tag.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-size: 14px; line-height: normal;"></span></div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><b><span class="Apple-style-span" style="font-size: x-large;">Code:</span></b></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="font-size: small; line-height: 18px;"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=<b>APP_ID</b>&amp;xfbml=1"></script><fb:facepile></fb:facepile></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-size: x-large;"><b>Remember:</b></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;">To use this plug-in, your site must have an application ID. You can get an application ID by </span><a href="http://developers.facebook.com/setup" style="color: #3b5998; cursor: pointer; text-decoration: none;"><span class="Apple-style-span" style="font-size: small;">registering your site.</span></a><span class="Apple-style-span" style="font-size: small;"> Replace<b> APP_ID</b> in the above script with your application ID </span></span></span></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: small;"> </span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;">or just enter the number <b>1.</b></span><br />
<span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><b><br />
</b></span><br />
<span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><b><span class="Apple-style-span" style="font-size: x-large;">Preview:</span></b></span><br />
<br />
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=1&xfbml=1;">
</script><fb:facepile></fb:facepile></div></span>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com1tag:blogger.com,1999:blog-5523102050724734610.post-51738036161454650902010-10-28T01:19:00.000-07:002010-10-28T01:19:08.031-07:00Login Button<div class="separator" style="clear: both; text-align: center;"><a href="http://static.ak.fbcdn.net/rsrc.php/zj/r/kI5ZUmNHvfg.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" src="http://static.ak.fbcdn.net/rsrc.php/zj/r/kI5ZUmNHvfg.png" /></a></div><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">The Login Button shows profile pictures of the user's friends who have already signed up for your site in addition to a login button.</span><br />
<a name='more'></a><span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">The Login Button shows profile pictures of the user's friends who have already signed up for your site in addition to a login button.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">You can specify the maximum number of rows of faces to display. The plugin dynamically sizes its height; for example, if you specify a maximum of four rows of faces, and there are only enough friends to fill two rows, the height of the plugin will be only what is needed for two rows of faces.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">Using the new <a href="http://social-plugins.blogspot.com/2010/10/javascript-sdk.html" style="color: #3b5998; cursor: pointer; text-decoration: none;">JavaScript SDK</a>, the plugin is available via the <code style="color: #006000; font-family: monospace; font-size: 13px;"><fb:login-button></code> XFBML tag.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><b><span class="Apple-style-span" style="font-size: x-large;">Code:</span></b></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: small;"><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=<b>APP_ID</b>&amp;xfbml=1"></script><fb:login-button show-faces="true"></fb:login-button></span></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: x-large;"><b>Remember:</b></span></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="line-height: normal;"><span class="Apple-style-span" style="font-size: small;">To use this plug-in, your site must have an application ID. You can get an application ID by </span><a href="http://developers.facebook.com/setup" style="color: #3b5998; cursor: pointer; text-decoration: none;"><span class="Apple-style-span" style="font-size: small;">registering your site.</span></a><span class="Apple-style-span" style="font-size: small;"> Replace<b> APP_ID</b> in the above script with your application ID.</span></span></span></span></div></span>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com0tag:blogger.com,1999:blog-5523102050724734610.post-69880661159234342892010-10-28T01:09:00.000-07:002010-10-28T01:11:56.606-07:00Like Box<div class="separator" style="clear: both; text-align: left;"><a href="http://static.ak.fbcdn.net/rsrc.php/z0/r/kfe7tpCuQWc.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://static.ak.fbcdn.net/rsrc.php/z0/r/kfe7tpCuQWc.png" /></a></div><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">The Like Box enables users to like your </span><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">Facebook Page</span><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;"> </span><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">and view its stream directly from your website.</span><br />
<a name='more'></a><span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">The Like Box is a social plugin that enables <a href="http://www.facebook.com/advertising/?pages" style="color: #3b5998; cursor: pointer; text-decoration: none;">Facebook Page</a> owners to attract and gain Likes from their own website. The Like Box enables users to:</div><ul style="font-size: 13px; list-style-type: disc; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 3em; padding-right: 0px; padding-top: 0px;"><li style="font-size: 13px; line-height: 18px;">See how many users already like this page, and which of their friends like it too</li>
<li style="font-size: 13px; line-height: 18px;">Read recent posts from the page</li>
<li style="font-size: 13px; line-height: 18px;">Like the page with one click, without needing to visit the page</li>
</ul><div><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: 14px; line-height: normal;"></span></span><br />
<span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: 14px; line-height: normal;"></span></span><br />
<span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: 14px; line-height: normal;"></span></span><br />
<span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: 14px; line-height: normal;"><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><b><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-weight: normal; line-height: 20px;"><b><span class="Apple-style-span" style="font-size: x-large;">Code:</span></b></span></b></span></div><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="font-size: 13px; line-height: 18px;"><iframe src="http://www.facebook.com/plugins/likebox.php?href=<b>http://www.facebook.com/facebook</b>&amp;width=292&amp;colorscheme=light&amp;connections=10&amp;stream=true&amp;header=true&amp;height=587" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:587px;" allowTransparency="true"></iframe></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: x-large; line-height: 20px;"><b><br />
</b></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;"><span class="Apple-style-span"><b><span class="Apple-style-span" style="font-size: x-large;">Remember:</span></b></span></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;">Change the code in <b>bold</b></span></span><br />
<span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;"><b><br />
</b><br />
<b><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: x-large;">Preview:</span></span></b></span></span></div></span></span></span></div></span><br />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/facebook&width=500&colorscheme=light&connections=10&stream=true&header=true&height=587" style="border: none; height: 587px; overflow: hidden; width: 500px;"></iframe>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com4tag:blogger.com,1999:blog-5523102050724734610.post-52159670717470087292010-10-28T01:04:00.000-07:002010-10-28T01:04:15.262-07:00Activity Feed<div class="separator" style="clear: both; text-align: left;"><a href="http://static.ak.fbcdn.net/rsrc.php/zn/r/aRl13hilXWp.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://static.ak.fbcdn.net/rsrc.php/zn/r/aRl13hilXWp.png" /></a></div><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">The Activity Feed plugin shows users what their friends are doing on your site through likes and comments.</span><br />
<a name='more'></a><span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">The Activity Feed plugin displays the most interesting recent activity taking place on your site. Since the content is hosted by Facebook, the plugin can display personalized content whether or not the user has logged into your site. The activity feed displays stories both when users <a href="http://social-plugins.blogspot.com/2010/10/like-button.html" style="color: #3b5998; cursor: pointer; text-decoration: none;">like</a> content on your site and when users share content from your site back to Facebook. If a user is logged into Facebook, the plugin will be personalized to highlight content from their friends. If the user is logged out, the activity feed will show recommendations from your site, and give the user the option to log in to Facebook.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">The plugin is filled with activity from the user's friends. If there isn't enough friend activity to fill the plugin, it is backfilled with recommendations. If you set the <code style="color: #006000; font-family: monospace; font-size: 13px;">recommendations</code> param to true, the plugin is split in half, showing friends activity in the top half, and recommendations in the bottom half. If there is not enough friends activity to fill half of the plugin, it will include more recommendations.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">You specify a domain to show activity for. The domain is matched exactly, so a plugin with site=facebook.com would not include activity from developers.facebook.com. You cannot currently aggregate across multiple domains.</div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><b><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-weight: normal; line-height: 20px;"><b><span class="Apple-style-span" style="font-size: x-large;"><br />
</span></b></span></b></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><b><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-weight: normal; line-height: 20px;"><b><span class="Apple-style-span" style="font-size: x-large;">Code:</span></b></span></b></span></div><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-size: small; line-height: 18px;"><span class="Apple-style-span" style="font-size: 13px;"><iframe src="http://www.facebook.com/plugins/activity.php?site=<b>http://social-plugins.blogspot.com/</b>&amp;width=300&amp;height=300&amp;header=true&amp;colorscheme=light&amp;recommendations=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px;" allowTransparency="true"></iframe></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><span class="Apple-style-span" style="font-size: x-large; line-height: 20px;"><b><br />
</b></span></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;"><span class="Apple-style-span"><b><span class="Apple-style-span" style="font-size: x-large;">Remember:</span></b></span><br />
Change the code in <b>bold</b></span></span><br />
<span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;"><b><br />
</b> <br />
<b><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: x-large;">Preview:</span></span></b></span></span></div></span></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"></span><br />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/activity.php?site=http://social-plugins.blogspot.com/&width=300&height=300&header=true&colorscheme=light&recommendations=true" style="border: none; height: 300px; overflow: hidden; width: 300px;"></iframe>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com0tag:blogger.com,1999:blog-5523102050724734610.post-28811697817080343672010-10-28T00:58:00.000-07:002010-10-28T01:00:04.042-07:00Recommendations<div class="separator" style="clear: both; text-align: left;"><a href="http://b.static.ak.fbcdn.net/rsrc.php/zv/r/W5pHvGN4mNo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://b.static.ak.fbcdn.net/rsrc.php/zv/r/W5pHvGN4mNo.png" /></a></div><span class="Apple-style-span" style="border-collapse: collapse; color: #555555; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">The Recommendations plugin gives users personalized suggestions for pages on your site they might like.</span><br />
<a name='more'></a><span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"></span><br />
<span class="Apple-style-span" style="border-collapse: separate; color: #333333; font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; line-height: normal;"><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">The Recommendations plugin shows personalized recommendations to your users. Since the content is hosted by Facebook, the plugin can display personalized recommendations whether or not the user has logged into your site. To generate the recommendations, the plugin considers all the social interactions with URLs from your site. For a logged in Facebook user, the plugin will give preference to and highlight objects her friends have interacted with.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">You specify a site for which to show recommendations for. The domain is matched exactly, so a plugin with site=facebook.com would not include URLs from developers.facebook.com. You cannot currently aggregate across multiple domains.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">The plugin is available either via a simple iframe you can drop into your page, or if you are using the new<a href="http://social-plugins.blogspot.com/2010/10/javascript-sdk.html" style="color: #3b5998; cursor: pointer; text-decoration: none;">JavaScript SDK</a>, you can use the <code style="color: #006000; font-family: monospace; font-size: 13px;"><fb:recommendations></code> XFBML tag.</div><div style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span"><b><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-weight: normal; line-height: 20px;"><b><span class="Apple-style-span" style="font-size: x-large;">Code:</span></b></span></b></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: small;"><iframe src="http://www.facebook.com/plugins/recommendations.php?</span><b><span class="Apple-style-span" style="font-size: small;">http://</span></b></span></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><b><span class="Apple-style-span" style="font-size: small;">http://social-plugins.blogspot.com/</span></b></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-size: small;">&amp;</span></span><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-size: small;">width=300&amp;height=300&amp;header=true&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:300px;" allowTransparency="true"></iframe></span></span></div><div style="margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;"><span class="Apple-style-span" style="font-size: x-large;"><b><br />
</b></span></span></span><br />
<span class="Apple-style-span" style="font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; line-height: 18px;"><span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px;"><span class="Apple-style-span"><b><span class="Apple-style-span" style="font-size: x-large;">Remember:</span></b></span><br />
Change the code in <b>bold</b><br />
<br />
<b><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: x-large;">Preview:</span></span></b></span></span></div></span><br />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/recommendations.php?http://http://social-plugins.blogspot.com/&width=300&height=300&header=true&colorscheme=light" style="border: none; height: 300px; overflow: hidden; width: 300px;"></iframe>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com0tag:blogger.com,1999:blog-5523102050724734610.post-5578811366314351942010-10-28T00:27:00.000-07:002010-10-28T00:40:49.507-07:00JavaScript SDK<div style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;"><div class="separator" style="clear: both; text-align: left;"><a href="http://webscripts.softpedia.com/thumbnails/Facebook-Connect-JavaScript-SDK-thumb.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://webscripts.softpedia.com/thumbnails/Facebook-Connect-JavaScript-SDK-thumb.png" /></a></div>The JavaScript SDK enables you to access all of the features of the Graph API via JavaScript, and it provides a rich set of client-side functionality for authentication and sharing. The JavaScript SDK is also necessary to use the XFBML versions of the <a href="http://social-plugins.blogspot.com/" style="color: #3b5998; cursor: pointer; text-decoration: none;">Social Plugins</a>. Many functions in the JavaScript SDK require an application ID. You can get an app ID by <a href="http://developers.facebook.com/setup/" style="color: #3b5998; cursor: pointer; text-decoration: none;">registering your application</a>.</div><div style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: left;">For example usage, check out <a href="http://developers.facebook.com/docs/guides/web" style="color: #3b5998; cursor: pointer; text-decoration: none;">Facebook for Websites</a> and the <a href="http://developers.facebook.com/docs/authentication/" style="color: #3b5998; cursor: pointer; text-decoration: none;">Authentication guide</a>. We also have a <a href="http://developers.facebook.com/tools/console" style="color: #3b5998; cursor: pointer; text-decoration: none;">JS Test Console</a> which allows you to test and debug common JS SDK methods.<br />
<br />
<span class="Apple-style-span" style="font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif;"><a href="http://developers.facebook.com/docs/reference/javascript/" style="color: #0034cc; text-decoration: none;" title="Like Button">Read more »</a></span></div>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com0tag:blogger.com,1999:blog-5523102050724734610.post-21273595492747958752010-10-28T00:26:00.000-07:002010-10-28T00:40:14.788-07:00Open Graph protocol<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://opengraphprotocol.org/open_graph_protocol_logo.png" width="200" /></div><br />
<span class="Apple-style-span" style="color: #333333; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 13px; line-height: 18px;">The Open Graph protocol enables you to integrate your Web pages into the social graph. It is currently designed for Web pages representing profiles of real-world things — things like movies, sports teams, celebrities, and restaurants. Including Open Graph tags on your Web page, makes your page equivalent to a <a href="http://www.facebook.com/advertising/?pages" style="color: #3b5998; cursor: pointer; text-decoration: none;">Facebook Page</a>. This means when a user clicks a <a href="http://social-plugins.blogspot.com/2010/10/like-button.html">Like button</a> on your page, a connection is made between your page and the user. Your page will appear in the "Likes and Interests" section of the user's profile, and you have the ability to publish updates to the user. Your page will show up in same places that Facebook pages show up around the site (e.g. search), and you can target ads to people who like your content. The structured data you provide via the Open Graph Protocol defines how your page will be represented on Facebook.</span><br />
<div class="separator" style="clear: both; text-align: center;"></div><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px;"><a href="http://developers.facebook.com/docs/opengraph" style="color: #0034cc; text-decoration: none;" title="Like Button">Read more »</a></span>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com0tag:blogger.com,1999:blog-5523102050724734610.post-62145533053249608082010-10-28T00:05:00.000-07:002010-10-28T00:40:39.233-07:00Like Button<div class="separator" style="clear: both; text-align: left;"><a href="http://b.static.ak.fbcdn.net/rsrc.php/zh/r/o7L4NudG8GY.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://b.static.ak.fbcdn.net/rsrc.php/zh/r/o7L4NudG8GY.png" /></a></div>The Like button lets users share pages from your site back to their Facebook profile with one click.<br />
<a name='more'></a>The Like button lets a user share your content with friends on Facebook. When the user clicks the Like button on your site, a story appears in the user's friends' News Feed with a link back to your website.<br />
When your Web page represents a real-world entity, things like movies, sports teams, celebrities, and restaurants, use the <a href="http://social-plugins.blogspot.com/2010/10/open-graph-protocol.html">Open Graph protocol</a> to specify information about the entity. If you include Open Graph tags on your Web page, your page becomes equivalent to a Facebook page. This means when a user clicks a Like button on your page, a connection is made between your page and the user. Your page will appear in the "Likes and Interests" section of the user's profile, and you have the ability to publish updates to the user. Your page will show up in same places that Facebook pages show up around the site (e.g. search), and you can target ads to people who like your content.<br />
There are two Like button implementations: XFBML and Iframe. The XFBML version is more versatile, but requires use of the <a href="http://social-plugins.blogspot.com/2010/10/javascript-sdk.html">JavaScript SDK</a>. The XFBML dynamically re-sizes its height according to whether there are profile pictures to display, gives you the ability (through the Javascript library) to listen for like events so that you know in real time when a user clicks the Like button, and it always gives the user the ability to add an optional comment to the like. If users do add a comment, the story published back to Facebook is given more prominence.<br />
<br />
<span class="Apple-style-span" style="font-size: x-large;"><b>The code:</b></span><br />
<iframe src="http://www.facebook.com/plugins/like.php?href=<b>http://social-plugins.blogspot.com/</b>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe><br />
<br />
<span class="Apple-style-span" style="font-size: x-large;"><b>Remember:</b></span><br />
Change the code in <b>bold</b><br />
<br />
<b><span class="Apple-style-span" style="font-size: x-large;">Preview:</span></b><br />
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http://social-plugins.blogspot.com/&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" style="border: none; height: 80px; overflow: hidden; width: 450px;"></iframe>Bisihttp://www.blogger.com/profile/05925938684992765693noreply@blogger.com0