When you use IFrame and your doctype is XHTML 1.0 Strict, then you cannot pass the W3C Markup Validation test. You always get errors.

The errors are like:-

there is no attribute “src”
there is no attribute “scrolling”
there is no attribute “frameborder”
there is no attribute “height”
there is no attribute “width”
there is no attribute “allowtransparency”
there is no attribute “title”
element “iframe” undefined

Solution

Use object tag instead of iframe.

Example

Here is an iframe code for Facebook Like Box:-

<iframe src="http://www.facebook.com/plugins/likebox.php?profile_id=62473189912&width=300&height=255&connections=10&stream=false&header=false&locale=en_US"  scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; width: 300px; height: 255px;" allowTransparency="true"></iframe>

Using the above IFrame code in your website gives errors when you validate with W3C.

So, the solution is to use Object tag. You will not get the validation errors by using Object.

<object style="border: medium none; overflow: hidden; width: 300px; height: 255px;"  data="http://www.facebook.com/plugins/likebox.php?id=62473189912&amp;width=300&amp;height=255&amp;connections=10&amp;header=false"></object>

It’s the same case with including Google Maps in websites.

Hope this helps. Thanks.

Related posts:

1. jQuery: Grey out background and preview image as popup
2. Magento: Get width height of image using Varien_Image class
3. Octopus Paul’s Prediction: Spain will win the FIFA Worldcup 2010
4. Hardware Interrupt
5. Magento: Fatal error: Call to a member function getTable() on a non-object

But this is possible and I have implemented it as well. You just need a wordpress plugin and facebook application.

WordPress plugin required: Twitterup

This plugin updates your twitter status with the latest post that you’ve made. It also has the option of including a link back to your post so people can easily click on it to view the post. The link provided in the tweet can be shorted via a service of your choice: tinyurl.com, is.gd, bit.ly or snurl.com

Facebook Application required: Twitter

Updates your Facebook status with Twitter status and updates your Twitter status through the application.

The scenario:

1) You publish an article in your wordpress blog.

2) Your article is published as Twitter status through Twitterup wordpress plugin.

3) Your Facebook status is updated through the Twitter Facebook Application.

Finally, you combine Twitter, Facebook and WordPress blog at a time.

Related posts:

1. Introduction to facebook connect
2. WordPress Plugin: Quick Adsense 1.0
3. Left or Right Align your image, adsense code or other advertisement in wordpress
4. WordPress: Archive link not working
5. WordPress Contact Form 7: Quick Fix to spinning arrow displays forever & no success/error message displayed

Facebook has lauched Facebook Connect with 24 partners initially. Those partners include CBS, CNET, CollegeHumor, Disney-ABC Television Group, Evite, Flock, Hulu, Kongregate, Loopt, Radar, Seesmic, Red Bull, Socialthing!, The Insider, StumbleUpon, Twitter, Uber, Vimeo, Amiando, Plaxo, and Xobni.

Features of Facebook connect:

1. One-click Login: Allow users to log in with their Facebook identity and allow your site to access their Facebook profile information.

2. Increased engagement: Leverage users’ personal interests to show more relevant information and surface personalized content from friends such as reviews or comments.

3. New forms of distribution: Users can share content and actions taken on your site with friends back on Facebook through Feed, invites, and other social communication channels on Facebook.

4. Access to Facebook Platform: Use the same APIs that have allowed more than 670,000 developers to build more than 52,000 engaging applications for Facebook users since May 2007.

Early results have shown that sites using Facebook Connect for login have seen as many as 2 out of 3 new registrations come via Facebook Connect, and those users have about 50% more engagement on sites.

Sources:

http://developers.facebook.com/news.php?blog=1&story=108

http://wiki.developers.facebook.com/index.php/Facebook_Connect

Related posts:

1. An introduction to RSS
2. What is Google’s OpenSocial?
3. Twitter, Facebook, WordPress getting together
4. An Introduction to PEAR
5. An Introduction to Smarty Template Engine