<?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>Leicester, Birmingham Logo Design and Web Design &#187; Tutorials</title>
	<atom:link href="http://www.thescube.com/category/tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thescube.com</link>
	<description>Leicester, Birmingham Web Design, Logo Design, Menu Printing, Business Card, Cheap, affordable, professional Web Development, Design and Logo Creation</description>
	<lastBuildDate>Mon, 23 Jan 2012 10:19:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>How to select all friends from facebook</title>
		<link>http://www.thescube.com/blog/how-to-select-all-friends-from-facebook/</link>
		<comments>http://www.thescube.com/blog/how-to-select-all-friends-from-facebook/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 12:18:32 +0000</pubDate>
		<dc:creator>Shovan Sargunam</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[fan page]]></category>
		<category><![CDATA[friends]]></category>
		<category><![CDATA[Select]]></category>

		<guid isPermaLink="false">http://www.thescube.com/?p=2194</guid>
		<description><![CDATA[How to select all friends from facebook? Go to the page > click on invite friends and copy and past the following code You might be interested in: How to Create Facebook Fan Page What does your Facebook photo means Facebook Fanpages by Shovan Does Facebook Affect Your Relationships? ★Fancy &#9829;Symbols for ►Facebook, ♪Myspace]]></description>
			<content:encoded><![CDATA[<p>How to select all friends from facebook?</p>
<p>Go to the page > click on invite friends and copy and past the following code</p>
<input name="" type="text" value="javascript:var x=document.getElementsByTagName(&quot;input&quot;);for(var i=0;i&lt;x.length;i++) {if (x[i].type == 'checkbox') {x[i].click();}}; alert('Done, all your friends have been selected');" size="50" />
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li><a href='http://www.thescube.com/blog/how-to-create-facebook-fan-page/' title='How to Create Facebook Fan Page'>How to Create Facebook Fan Page</a></li>
<li><a href='http://www.thescube.com/blog/what-does-your-facebook-photo-means/' title='What does your Facebook photo means'>What does your Facebook photo means</a></li>
<li><a href='http://www.thescube.com/blog/facebook-fanpages-by-shovan/' title='Facebook Fanpages by Shovan'>Facebook Fanpages by Shovan</a></li>
<li><a href='http://www.thescube.com/blog/does-facebook-affect-your-relationships/' title='Does Facebook Affect Your Relationships? '>Does Facebook Affect Your Relationships? </a></li>
<li><a href='http://www.thescube.com/blog/%e2%98%85fancy-symbols-for-%e2%96%bafacebook-%e2%99%aamyspace-or-any-where-else/' title='★Fancy &hearts;Symbols for ►Facebook, ♪Myspace'>★Fancy &hearts;Symbols for ►Facebook, ♪Myspace</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/blog/how-to-select-all-friends-from-facebook/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mac: Change read-only folder privilege</title>
		<link>http://www.thescube.com/blog/mac-change-read-only-folder-privilege/</link>
		<comments>http://www.thescube.com/blog/mac-change-read-only-folder-privilege/#comments</comments>
		<pubDate>Wed, 07 Dec 2011 02:34:56 +0000</pubDate>
		<dc:creator>shovan</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[MAC]]></category>

		<guid isPermaLink="false">http://www.thescube.com/?p=2185</guid>
		<description><![CDATA[In mac how to change read-only folder permission from the terminal: sudo chmod -R 770 /path/to/folder This will make the folder: drwxrwx___ (meaning owner and group can read and write and execute all files Change 777 to give permission to all users. You might be interested in:]]></description>
			<content:encoded><![CDATA[<p>In mac how to change read-only folder permission</p>
<p>from the terminal:<br />
sudo chmod -R 770 /path/to/folder</p>
<p>This will make the folder: drwxrwx___ (meaning owner and group can read and write and execute all files</p>
<p>Change 777 to give permission to all users.<br />
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/blog/mac-change-read-only-folder-privilege/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>29 Ways to stay creative</title>
		<link>http://www.thescube.com/blog/29-ways-to-stay-creative/</link>
		<comments>http://www.thescube.com/blog/29-ways-to-stay-creative/#comments</comments>
		<pubDate>Tue, 28 Jun 2011 22:43:23 +0000</pubDate>
		<dc:creator>shovan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[random]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[creative]]></category>

		<guid isPermaLink="false">http://shovan.org/?p=124</guid>
		<description><![CDATA[You might be interested in: iOS 5 Creative video part 2 Creative Ad iOS 5: Creative Video]]></description>
			<content:encoded><![CDATA[<div style='text-align:center;'>
<object type="application/x-shockwave-flash" width="400" height="300" data="http://www.vimeo.com/moogaloop.swf?clip_id=24302498&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA">
	<param name="quality" value="best" />
	<param name="allowfullscreen" value="true" />
	<param name="scale" value="showAll" />
	<param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=24302498&amp;server=www.vimeo.com&amp;fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=01AAEA" />
	<param name="wmode" value="opaque" />
</object>
</div>
<p><a href="http://shovan.org/wp-content/uploads/2011/06/29waysstaycreative.jpg" class="lightbox" rel="gallery-124"><img class="alignnone size-full wp-image-126" title="29waysstaycreative" src="http://shovan.org/wp-content/uploads/2011/06/29waysstaycreative.jpg" alt="29waysstaycreative 29 Ways to stay creative video tips tutorials random blog " width="460" height="711" /></a><br />
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li><a href='http://www.thescube.com/blog/ios-5-creative-video-part-2/' title='iOS  5 Creative video part 2'>iOS  5 Creative video part 2</a></li>
<li><a href='http://www.thescube.com/blog/creative-ad/' title='Creative Ad'>Creative Ad</a></li>
<li><a href='http://www.thescube.com/blog/ios-5-creative-video/' title='iOS 5: Creative Video'>iOS 5: Creative Video</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/blog/29-ways-to-stay-creative/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nikon D7000 Tips &amp; Tricks</title>
		<link>http://www.thescube.com/blog/nikon-d7000-tips-tricks/</link>
		<comments>http://www.thescube.com/blog/nikon-d7000-tips-tricks/#comments</comments>
		<pubDate>Mon, 27 Jun 2011 22:13:55 +0000</pubDate>
		<dc:creator>shovan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[d7000]]></category>
		<category><![CDATA[nikon]]></category>
		<category><![CDATA[tops]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://shovan.org/?p=121</guid>
		<description><![CDATA[Part 1 Part 2 &#160; via: http://oneslidephotography.com/nikon-d7000-tips-and-tricks/ You might be interested in: How to Format USB Drive or Flash Drive on MAC How to Make Italic Text in Illustrator]]></description>
			<content:encoded><![CDATA[<p>Part 1</p>
<span style="text-align:center; display: block;"><a href="http://www.thescube.com/blog/nikon-d7000-tips-tricks/"><img src="http://img.youtube.com/vi/3bZ0z5nRxkw/2.jpg" alt="2 Nikon D7000 Tips & Tricks tips tutorials blog "  title="Nikon D7000 Tips & Tricks   tips tutorials blog " /></a></span>
<p>Part 2</p>
<span style="text-align:center; display: block;"><a href="http://www.thescube.com/blog/nikon-d7000-tips-tricks/"><img src="http://img.youtube.com/vi/_qx3XyiWYyc/2.jpg" alt="2 Nikon D7000 Tips & Tricks tips tutorials blog "  title="Nikon D7000 Tips & Tricks   tips tutorials blog " /></a></span>
<p>&nbsp;</p>
<p>via: http://oneslidephotography.com/nikon-d7000-tips-and-tricks/<br />
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li><a href='http://www.thescube.com/blog/how-to-format-usb-driveflash-drive-on-mac/' title='How to Format USB Drive or Flash Drive on MAC'>How to Format USB Drive or Flash Drive on MAC</a></li>
<li><a href='http://www.thescube.com/blog/how-to-make-italic-text-in-illustrator/' title='How to Make Italic Text in Illustrator'>How to Make Italic Text in Illustrator</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/blog/nikon-d7000-tips-tricks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Including custom field in post in wordpress</title>
		<link>http://www.thescube.com/blog/including-custom-field-in-post/</link>
		<comments>http://www.thescube.com/blog/including-custom-field-in-post/#comments</comments>
		<pubDate>Thu, 09 Jun 2011 15:52:43 +0000</pubDate>
		<dc:creator>shovan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Custom field]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://shovan.org/?p=96</guid>
		<description><![CDATA[Want to include your custom field values into your post? There are various ways to show custom field values on your post, I am going to use the following methord]]></description>
			<content:encoded><![CDATA[<p>Want to include your custom field values into your post? There are various ways to show custom field values on your post, I am going to use the following methord</p>
<p><code><br />
<?php<br />
$customField = get_post_custom_values("ProjectName");<br />
if (isset($customField[0])) {<br />
echo "<strong>Project Name: </strong>";<br />
echo get_post_meta($post->ID, 'ProjectName', true);<br />
echo "<br />"'<br />
}<br />
</code></p>
<p><strong>Result</strong><br />
Project Name: Value of ProjectName from custom field<br />
<strong>Explination: </strong></p>
<blockquote><p>$customField: Gets the custom field value. In this custom field ProjectName</p></blockquote>
<blockquote><p>if (isset($customField[0]): Checks if the custom field value is zero</p></blockquote>
<blockquote><p>echo &#8220;<strong>Project Name: </strong>&#8220;;: I have included a title for the custom field. </p></blockquote>
<blockquote><p>echo get_post_meta($post->ID, &#8216;ProjectName&#8217;, true);: If custom field value is available it is printed / displayed</p></blockquote>
<blockquote><p>echo &#8220;<br />&#8220;&#8216;: Line break</p></blockquote>
<p>To display multiple custom field values, you can use the following<br />
<code><br />
<?php </p>
<p>$customField = get_post_custom_values("ProjectName");<br />
if (isset($customField[0])) {<br />
echo "<strong>Project Name: </strong>";<br />
echo get_post_meta($post->ID, 'ProjectName', true);<br />
echo "<br />"'<br />
}</p>
<p>$customField = get_post_custom_values("PeopleInvolved");<br />
if (isset($customField[0])) {<br />
echo "<strong>People Involved: </strong>";<br />
echo get_post_meta($post->ID, 'PeopleInvolved', true);<br />
echo "<br />"'<br />
}</p>
<p>$customField = get_post_custom_values("EventDate");<br />
if (isset($customField[0])) {<br />
echo "<strong>Event Date: </strong>";<br />
echo get_post_meta($post->ID, 'EventDate', true);<br />
echo "<br />"'<br />
}</p>
<p>?><br />
</code></p>
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li><a href='http://www.thescube.com/blog/wordpress-vs-drupal-vs-joomla/' title='Wordpress vs Drupal vs Joomla'>WordPress vs Drupal vs Joomla</a></li>
<li><a href='http://www.thescube.com/blog/wordpress-featured-image-option-not-avaliable/' title='Wordpress: Featured Image option not avaliable'>WordPress: Featured Image option not avaliable</a></li>
<li><a href='http://www.thescube.com/blog/wordpress-home-post-as-page/' title='Wordpress home post as page'>WordPress home post as page</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/blog/including-custom-field-in-post/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress: Featured Image option not avaliable</title>
		<link>http://www.thescube.com/blog/wordpress-featured-image-option-not-avaliable/</link>
		<comments>http://www.thescube.com/blog/wordpress-featured-image-option-not-avaliable/#comments</comments>
		<pubDate>Wed, 08 Jun 2011 15:43:30 +0000</pubDate>
		<dc:creator>shovan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[featured image]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://shovan.org/?p=93</guid>
		<description><![CDATA[WordPress them does not show or support featured image option? Add below code to function.php page add_theme_support( 'post-thumbnails' ); It should display in your post option You might be interested in: WordPress vs Drupal vs Joomla Including custom field in post in wordpress WordPress home post as page]]></description>
			<content:encoded><![CDATA[<p>WordPress them does not show or support featured image option?</p>
<p>Add below code to function.php page<br />
<code>add_theme_support( 'post-thumbnails' );</code><br />
It should display in your post option<br />
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li><a href='http://www.thescube.com/blog/wordpress-vs-drupal-vs-joomla/' title='Wordpress vs Drupal vs Joomla'>WordPress vs Drupal vs Joomla</a></li>
<li><a href='http://www.thescube.com/blog/including-custom-field-in-post/' title='Including custom field in post in wordpress'>Including custom field in post in wordpress</a></li>
<li><a href='http://www.thescube.com/blog/wordpress-home-post-as-page/' title='Wordpress home post as page'>WordPress home post as page</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/blog/wordpress-featured-image-option-not-avaliable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Typography Presentation</title>
		<link>http://www.thescube.com/blog/web-typography-presentation/</link>
		<comments>http://www.thescube.com/blog/web-typography-presentation/#comments</comments>
		<pubDate>Wed, 08 Jun 2011 12:59:53 +0000</pubDate>
		<dc:creator>shovan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[presentation]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://shovan.org/?p=105</guid>
		<description><![CDATA[Web Design is 95% Typography You might be interested in:]]></description>
			<content:encoded><![CDATA[<h2>Web Design is 95% Typography</h2>
<object type='application/x-shockwave-flash' wmode='opaque' data='http://static.slideshare.net/swf/ssplayer2.swf?id=8209290&doc=typography-wcreno3-110604164131-phpapp02' width='425' height='348'><param name='movie' value='http://static.slideshare.net/swf/ssplayer2.swf?id=8209290&doc=typography-wcreno3-110604164131-phpapp02' /><param name='allowFullScreen' value='true' /></object>
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/blog/web-typography-presentation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress home post as page</title>
		<link>http://www.thescube.com/blog/wordpress-home-post-as-page/</link>
		<comments>http://www.thescube.com/blog/wordpress-home-post-as-page/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 11:59:18 +0000</pubDate>
		<dc:creator>shovan</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[get_option]]></category>
		<category><![CDATA[paged]]></category>
		<category><![CDATA[post to page]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://shovan.org/?p=90</guid>
		<description><![CDATA[Most of the wordpress blogs or themes display post in their home page, for one of my project I wanted to display pages in the home page template This was the template code get_option('theme_home_posts'), 'cat'=&#62;'-'.get_cat_id(get_option('theme_featured')), 'paged'=&#62;$paged, ); query_posts($args); while (have_posts()) : the_post(); ?&#62; To simplify the code, all the post with category theme_featured will display. [...]]]></description>
			<content:encoded><![CDATA[<p>Most of the wordpress blogs or themes display post in their home page, for one of my project I wanted to display pages in the home page template</p>
<p>This was the template code</p>
<p><code><br />
<!--?php			 			$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 			$args=array( 			   'posts_per_page' =--> get_option('theme_home_posts'),<br />
'cat'=&gt;'-'.get_cat_id(get_option('theme_featured')),<br />
'paged'=&gt;$paged,<br />
);<br />
query_posts($args);<br />
while (have_posts()) : the_post(); ?&gt;<br />
</code></p>
<p>To simplify the code, all the post with category theme_featured will display.<br />
I have modified the code to<br />
<code><br />
<!--?php			 			$paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 			$args=array( 			   'posts_per_page' =--> get_option('theme_home_posts'),<br />
'paged'=&gt;$paged,<br />
'post_type' =&gt; 'page',<br />
'post__in' =&gt; array(14,133,380,18,16,12)<br />
);<br />
query_posts($args);<br />
while (have_posts()) : the_post(); ?&gt;<br />
</code></p>
<p>I have removed the category option and included post type and post in option.<br />
Post type defines if its a post or page and post in let wordpress know what post to include</p>
<p>Reffrence:</p>
<ul>
<li>http://codex.wordpress.org/Custom_Queries</li>
<li>http://codex.wordpress.org/Class_Reference/WP_Query</li>
<li>http://wordpress.org/support/topic/page-query-and-post-query-on-the-same-page</li>
</ul>
<p>&nbsp;<br />
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li><a href='http://www.thescube.com/blog/wordpress-vs-drupal-vs-joomla/' title='Wordpress vs Drupal vs Joomla'>WordPress vs Drupal vs Joomla</a></li>
<li><a href='http://www.thescube.com/blog/including-custom-field-in-post/' title='Including custom field in post in wordpress'>Including custom field in post in wordpress</a></li>
<li><a href='http://www.thescube.com/blog/wordpress-featured-image-option-not-avaliable/' title='Wordpress: Featured Image option not avaliable'>WordPress: Featured Image option not avaliable</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/blog/wordpress-home-post-as-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Use External CSS Styles into Facebook Static FBML</title>
		<link>http://www.thescube.com/tutorials/facebook/how-to-use-external-css-styles-into-facebook-static-fbml/</link>
		<comments>http://www.thescube.com/tutorials/facebook/how-to-use-external-css-styles-into-facebook-static-fbml/#comments</comments>
		<pubDate>Sat, 11 Dec 2010 14:37:32 +0000</pubDate>
		<dc:creator>abu_bakar</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[facebook css styles]]></category>
		<category><![CDATA[facebook fbml tutorial]]></category>
		<category><![CDATA[facebook layout]]></category>

		<guid isPermaLink="false">http://www.thescube.com/?p=1995</guid>
		<description><![CDATA[For giving an extra flavor to your Facebook fan page, you can customize CSS styles for making unique look appearance. Also you have to make sure that all browsers support CSS styles. But the Internet explorer does not support CSS styles inlined as below – &#60;style&#62; CSS styles rules here &#60;/style&#62; You must have to [...]]]></description>
			<content:encoded><![CDATA[<p>For giving an extra flavor to your <a title="Facebook fan page tips" href="http://www.thescube.com/blog/facebook-fan-page-promotion-and-optimization-tips/">Facebook fan page</a>, you can customize CSS styles for making unique look appearance. Also you have to make sure that all browsers support CSS styles. But the Internet explorer does not support CSS styles inlined as below –</p>
<blockquote><p>&lt;style&gt;<br />
CSS styles rules here<br />
&lt;/style&gt;</p></blockquote>
<p>You must have to use external CSS stylesheet for working your CSS styles on your Facebook Custom Tab with Internet Explorer / IE 6, IE 7 or IE 8. This tutorial describes how to overcome of Internet Explorer’s limitation while creating custom Facebook Static FBML Tabs.</p>
<p>To work nice with Internet Explorer, you have to use an external CSS stylesheet and call it as below -</p>
<blockquote><p>&lt;link ref=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;Location of CSS styles&#8221; /&gt;</p></blockquote>
<p>When editing your FBML box, implement your CSS styles like below -</p>
<p><img class="alignnone" title="Adding external CSS styles in Facebook" src="http://www.thescube.com/wp-content/gallery/uploads/adding-external-CSS-styles-in-Facebook.png" alt="adding external CSS styles in Facebook How to Use External CSS Styles into Facebook Static FBML facebook " width="400" height="120" /></p>
<p>CSS styles can also be inlined directly into the HTML code –</p>
<blockquote><p>&lt;div style=&#8221;color:#000; border: 1px solid #f00; text-align:center;&#8221;&gt; Div content here &lt;/div&gt;</p></blockquote>
<p>This type of styles rules are supported by all browsers, but this method can become confusing and cumbersome because of not having the ability of using classes and IDs. You have to add the style to every element you want to customize appearance in this method.<br />
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li><a href='http://www.thescube.com/tutorials/facebook/embedding-youtube-videos-or-flash-to-facebook-static-fbml-page/' title='Embedding YouTube Videos or Flash to Facebook Static FBML Page'>Embedding YouTube Videos or Flash to Facebook Static FBML Page</a></li>
<li><a href='http://www.thescube.com/blog/facebook-fbml-tutorial-fbml-basics/' title='Facebook FBML Tutorial: FBML Basics'>Facebook FBML Tutorial: FBML Basics</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/tutorials/facebook/how-to-use-external-css-styles-into-facebook-static-fbml/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Embedding YouTube Videos or Flash to Facebook Static FBML Page</title>
		<link>http://www.thescube.com/tutorials/facebook/embedding-youtube-videos-or-flash-to-facebook-static-fbml-page/</link>
		<comments>http://www.thescube.com/tutorials/facebook/embedding-youtube-videos-or-flash-to-facebook-static-fbml-page/#comments</comments>
		<pubDate>Tue, 07 Dec 2010 08:02:11 +0000</pubDate>
		<dc:creator>abu_bakar</dc:creator>
				<category><![CDATA[Facebook]]></category>
		<category><![CDATA[add flash in facebook]]></category>
		<category><![CDATA[add youtube video in facebook]]></category>
		<category><![CDATA[facebook fan page]]></category>
		<category><![CDATA[facebook fbml tutorial]]></category>

		<guid isPermaLink="false">http://www.thescube.com/?p=1991</guid>
		<description><![CDATA[Adding YouTube video for company profile, product features, services information etc. is an essential step for customizing any company’s Facebook fan page. This Facebook FBML tutorial will guide you through step-by-step procedure for adding YouTube videos or Flash objects into any Static Facebook fan page. You have to enter the following lines of code on [...]]]></description>
			<content:encoded><![CDATA[<p>Adding YouTube video for company profile, product features, services information etc. is an essential step for customizing any company’s Facebook fan page. This Facebook FBML tutorial will guide you through step-by-step procedure for adding YouTube videos or Flash objects into any Static <a title="Custom Facebook fan page design" href="http://www.thescube.com/services/web-design/facebook-fan-page-design/">Facebook fan page</a>. You have to enter the following lines of code on your Static FBML pages -</p>
<blockquote><p>&lt;fb:swf<br />
swfbgcolor=&#8221;000000&#8243; imgstyle=&#8221;border-width:3px; border-color:white;&#8221;<br />
swfsrc=&#8217;http://www.youtube.com/v/xxxxxxxxxx&#8217;<br />
imgsrc=&#8217;http://img.youtube.com/vi/xxxxxxxxxx/2.jpg&#8217; width=&#8217;340&#8242; height=&#8217;270&#8242; /&gt;</p></blockquote>
<p>Replace the string of characters &#8220;xxxxxxxxxx&#8221; after the &#8220;v=&#8221; in the URL of your browser’s address bar of any YouTube video ID up to the &#8220;&amp;&#8221;. For example the below is a YouTube video URL</p>
<blockquote><p><a title="One page website design video of TheScube" href="http://www.youtube.com/watch?v=CX8NfOYjl30" class="lightbox">http://www.youtube.com/watch?v=CX8NfOYjl30</a></p></blockquote>
<p>Then replacing &#8220;xxxxxxxxxx&#8221; with CX8NfOYjl30 in the codes will result –</p>
<blockquote><p>&lt;fb:swf<br />
swfbgcolor=&#8221;000000&#8243; imgstyle=&#8221;border-width:3px; border-color:white;&#8221;<br />
swfsrc=&#8217;http://www.youtube.com/v/ CX8NfOYjl30<br />
imgsrc=&#8217;http://img.youtube.com/vi/ CX8NfOYjl30/2.jpg&#8217; width=&#8217;340&#8242; height=&#8217;270&#8242; /&gt;</p></blockquote>
<p>You are also able to customize the values for &#8220;swfbgcolor&#8221; and &#8220;imgstyle&#8221; to your preferences. The value &#8220;swfsrc&#8221; is the absolute URL to the Flash file you want to embed.</p>
<p><strong>The preview or activation image through imgsrc</strong></p>
<p>Facebook requires a user action like a click for running Flash or JavaScript. There is no alternative for triggering Flash or JavaScript in Facebook. The &#8220;imgsrc&#8221; contains the location of a image that you will see in place of your video. When a user clicks the image the video starts loading. To eliminate the necessity of second click to start the video, you can set your video to autoplay so that it plays immediately when the user clicks the activation image. You can able to do this by appending &#8220;&amp;autoplay=1&#8243; to the swfsrc URL:</p>
<blockquote><p>swfsrc = &#8216;http://www.youtube.com/v/ CX8NfOYjl30&amp;autoplay=1&#8242;</p></blockquote>
<p>The YouTube default thumbnails are small, usually 120&#215;90 pixels, so the default image are not very effective for your activation image. You can insert your own image at a higher dimension like 340&#215;270 pixels through imgsrc value. The image has to be hosted in your own server or any third party image hosting services.</p>
<p>Now on your fan page any user can see an image, when the user clicks the image, it starts the loading of Flash object.<br />
<h3 class='related_post_title'>You might be interested in:</h3>
<ul class='related_post'>
<li><a href='http://www.thescube.com/blog/facebook-fbml-tutorial-fbml-basics/' title='Facebook FBML Tutorial: FBML Basics'>Facebook FBML Tutorial: FBML Basics</a></li>
<li><a href='http://www.thescube.com/tutorials/facebook/how-to-use-external-css-styles-into-facebook-static-fbml/' title='How to Use External CSS Styles into Facebook Static FBML'>How to Use External CSS Styles into Facebook Static FBML</a></li>
<li><a href='http://www.thescube.com/tutorials/facebook/add-a-share-button-to-facebook-fan-page-using-facebook-fbml/' title='Add a Share Button to Facebook Fan Page Using Facebook FBML'>Add a Share Button to Facebook Fan Page Using Facebook FBML</a></li>
<li><a href='http://www.thescube.com/blog/facebook-fan-page-promotion-and-optimization-tips/' title='Facebook Fan Page Promotion and Optimization Tips'>Facebook Fan Page Promotion and Optimization Tips</a></li>
<li><a href='http://www.thescube.com/blog/facebook-fan-page-managing-tips/' title='Facebook Fan Page Managing Tips'>Facebook Fan Page Managing Tips</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.thescube.com/tutorials/facebook/embedding-youtube-videos-or-flash-to-facebook-static-fbml-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

