<?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>The Design Guys &#187; Uncategorized</title>
	<atom:link href="http://www.thedesignguys.co.uk/category/uncategorized/feed" rel="self" type="application/rss+xml" />
	<link>http://www.thedesignguys.co.uk</link>
	<description>SEO, Web Design &#38; Internet Marketing Tips</description>
	<lastBuildDate>Tue, 14 May 2013 17:39:50 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Facebook Timeline &#8211; Tabs &amp; Static HTML</title>
		<link>http://www.thedesignguys.co.uk/facebook-timeline-tabs-static-html</link>
		<comments>http://www.thedesignguys.co.uk/facebook-timeline-tabs-static-html#comments</comments>
		<pubDate>Wed, 25 Apr 2012 09:51:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Free Stuff!]]></category>
		<category><![CDATA[Handy Resources]]></category>
		<category><![CDATA[How To Get Traffic]]></category>
		<category><![CDATA[HTML & CSS Problems]]></category>
		<category><![CDATA[Internet Marketing Tips]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.thedesignguys.co.uk/?p=454</guid>
		<description><![CDATA[Hey Folks, Here&#8217;s a quick step-by-step tutorial for you on setting up useful tabs on the new facebook business pages timeline. This has increased traffic to my site by around 80% so far, but if you have a lot of Facebook traffic, it will make a massive difference. I&#8217;m going to use a page on [...]]]></description>
				<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Hey Folks, Here&#8217;s a quick step-by-step tutorial for you on setting up useful tabs on the new facebook business pages timeline. This has increased traffic to my site by around 80% so far, but if you have a lot of Facebook traffic, it will make a <strong>massive</strong> difference.</p>
<p><a href="https://www.facebook.com/pages/Jamorama-Free-Guitar-Lessons-Play-Guitar/228396457177202"><img class="aligncenter size-full wp-image-455" title="jamorama1" src="http://www.thedesignguys.co.uk/wp-content/uploads/2012/04/jamorama1.jpg" alt="" width="500" height="309" /></a></p>
<p>I&#8217;m going to use a page on <a href="https://www.facebook.com/pages/Jamorama-Free-Guitar-Lessons-Play-Guitar/228396457177202" target="_blank">Free Guitar Lessons</a> that i&#8217;ve had kicking around for a while not doing much so let&#8217;s set it up for this training.</p>
<p>OK, If you have a business page set up, go directly to <strong>step 5</strong>. If not, let&#8217;s get cracking&#8230;</p>
<p><strong>Step 1</strong>. Log in to your personal facebook account and browse to <a href="https://www.facebook.com/pages/create.php" target="_blank">https://www.facebook.com/pages/create.php</a></p>
<p><strong>Step 2</strong>. Choose &#8220;<em>Brand or Product</em>&#8221; &gt; &#8220;<em>Website</em>&#8220;. Enter your brand&#8217;s name and check facebook T&amp;C&#8217;s &gt; &#8220;<em>Get Started</em>&#8221;</p>
<p><strong>Step 3</strong>. &#8220;<em>Upload Image</em>&#8221; Minimum dimensions 180px x 180px (Although FB resizes to 160px OR 125px depending on the day of the week;))</p>
<p><strong>Step 4</strong>.  Enter Basic Info (Tip: Enter site address &#8211; this will be at the top of your page eg. <strong><a href="http://jamorama.learnguitar21minutes.com/" rel="nofollow nofollow" target="_blank">http://jamorama.learnguitar21minutes.com/</a> &lt;&#8211; FREE Guitar Lessons</strong>. You want to make it easy for users to get to your offer / website)</p>
<p><strong><span style="color: #993300;">Now you&#8217;re set up with a Business page, let&#8217;s add some &#8220;Call to action&#8221; Tabs.</span></strong></p>
<p><strong>Step 5</strong>. In the top box, type Static HTML and click on &#8220;<em>Static HTML: iframe tabs</em>&#8221; See &#8220;Image 2&#8243; below.</p>
<div id="attachment_457" class="wp-caption aligncenter" style="width: 562px"><img class="size-full wp-image-457" title="staticHTML" src="http://www.thedesignguys.co.uk/wp-content/uploads/2012/04/staticHTML.jpg" alt="" width="552" height="107" /><p class="wp-caption-text">Image 2</p></div>
<p><strong>Step 6</strong>. Click &#8220;<em>Add Static HTML to a Page</em>&#8221; and select your appropriate business page.</p>
<p><span style="color: #993300;"><strong>You will now see the tab has been added to the header of your site. Now we need to go in and edit this tab.</strong></span></p>
<p><strong>Step 7</strong>. Click the downward arrow to the right then hover over your Static HTML tab and click &#8220;<em>Edit Settings</em>&#8221; (Image 3)</p>
<div id="attachment_458" class="wp-caption aligncenter" style="width: 469px"><img class="size-full wp-image-458" title="image-3" src="http://www.thedesignguys.co.uk/wp-content/uploads/2012/04/image-3.jpg" alt="" width="459" height="305" /><p class="wp-caption-text">Image 3</p></div>
<p><strong>Step 8</strong>. Here you can change the name of your tab (keyword friendly please:)) plus upload a call to action graphic eg. <strong>FREE EBOOK</strong> etc. Dimensions 111px x 74px</p>
<p><span style="color: #993300;"><strong>OK, now we&#8217;ve set up the tab, we&#8217;ve got to go into the code and point people to our offer / website.</strong></span></p>
<p><strong>Step 9</strong>.  On your page, Click on your tab and you will see 2 HTML boxes where you can post your opt-in forms, graphics etc. I&#8217;m going to show you how to redirect this page to go directly to your site.</p>
<p><strong>Step 10</strong>. Enter the following code in the top HTML box:</p>
<pre>&lt;a href="http://www.your-site-address.com" target="_blank"&gt;CLICK HERE&lt;/a&gt; For Your Site
&lt;meta http-equiv="REFRESH" content="0;url=http://www.your-site-address.com"&gt;</pre>
<p><strong>Click Save.</strong> (Don&#8217;t worry about the bottom HTML box &#8211; Not neccessary for this exercise)</p>
<p>This will redirect the user to your site within the Facebook look and feel, giving the user a seamless browsing experience in as few clicks as possible.</p>
<p><strong><span style="color: #993300;">NB. Another thing to bear in mind:</span></strong> The last photo you upload to facebook will always appear in the first tab (photos). I&#8217;ve uploaded a right-facing arrow to make sure they know where to click (again tab dimensions should be 111px x 74px).</p>
<p>Good luck folks and drop me a comment / like / share if you found this useful.</p>
<div class="shr-publisher-454"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.thedesignguys.co.uk/facebook-timeline-tabs-static-html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
