?><?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>Quantum Fanpages</title>
	<atom:link href="http://www.quantumfanpages.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.quantumfanpages.com</link>
	<description>The Ultimate Guide To Making Quantum Fanpages Go Viral</description>
	<lastBuildDate>Wed, 09 Mar 2011 01:30:13 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>New Static FBML Templates For The New Fanpage Design</title>
		<link>http://www.quantumfanpages.com/new-static-fbml-templates-for-the-new-fanpage-design/</link>
		<comments>http://www.quantumfanpages.com/new-static-fbml-templates-for-the-new-fanpage-design/#comments</comments>
		<pubDate>Wed, 09 Mar 2011 01:30:13 +0000</pubDate>
		<dc:creator>Piotr Krzyzek</dc:creator>
				<category><![CDATA[Fanpages]]></category>
		<category><![CDATA[FB 101]]></category>
		<category><![CDATA[FBML CSS]]></category>
		<category><![CDATA[Static FBML]]></category>
		<category><![CDATA[Static FBML Styles]]></category>

		<guid isPermaLink="false">http://www.quantumfanpages.com/?p=195</guid>
		<description><![CDATA[<br/>As many of you already know there are huge changing going on with Facebook. Rather recently though they began changing the whole Fanpage layout scheme. Sadly for us this means less screen real estate. This translates to: we have even less horizontal space to place our content. Fear not, here are some quick tips and [...]
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<br/><p>As many of you already know there are huge changing going on with Facebook. Rather recently though they began changing the whole Fanpage layout scheme. Sadly for us this means less screen real estate. This translates to: we have even less horizontal space to place our content. Fear not, here are some quick tips and updates.</p>
<p>First and foremost here is a quick list of the changes to Fanpages:</p>
<ul>
<li>Shrunk horizontal space (Again)</li>
<li>Removed Tabs</li>
<li>Added Links/menu items (these replace tabs)</li>
<li>Cleaner design and layout:
<ul>
<li>Left menu is super clean and well designed</li>
<li>There is now a <strong>NEW RIGHT</strong> sidebar for social things and for Facebook to place more ads on.</li>
</ul>
</li>
</ul>
<p>There are a few other changes, but that&#8217;s not important for this article. :)</p>
<p><span id="more-195"></span>So lets get right down into it. The biggest change for us to worry about is the sizing change. Though all we have to do is change a few dimensions in our designs. The new sizing is:</p>
<h3>520px wide</h3>
<p>Height is unaffected.</p>
<p>In previous posts and examples I made a simple opt-in page for you. So lets do an updated version of that page to reflect the new changes:</p>
<p>&nbsp;</p>
<p><code>&lt;div id="whole_box" style="width=520px;"&gt;<br />
&lt;img src="www.example.com/images/header.png" width="520"/&gt;<br />
&lt;div id="inner_box_container" style="text-align: center;"&gt;<br />
&lt;span id="inner_box_title_text"&gt;Welcome to our Fan Page.We’re glad to have you be part of our family.&lt;/span&gt;<br />
&lt;div id="inner_box" style="font-size: 12pt; line-height: 18pt; font-family: Verdana;"&gt;Stuff in the shiney red box goes here&lt;/div&gt;<br />
&lt;/div&gt; &lt;!-- end inner box --&gt;<br />
&lt;/div&gt; &lt;!-- end inner box container --&gt;<br />
&lt;/div&gt; &lt;!-- end whole box --&gt;</code></p>
<p>This will great the same style of box as in the previous posts, except now it will render properly in the new design!</p>
<p>I&#8217;ll be post several professional quality templates for all of you soon. Though only people on the mailing still will get them :) Previews will be posted here on the blog.</p>
<p>Best of luck!</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.quantumfanpages.com/new-static-fbml-templates-for-the-new-fanpage-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FBML CSS &#8211; Include CSS Into Your FBML Code</title>
		<link>http://www.quantumfanpages.com/fbml-css-include-css-into-your-fbml-code/</link>
		<comments>http://www.quantumfanpages.com/fbml-css-include-css-into-your-fbml-code/#comments</comments>
		<pubDate>Tue, 20 Jul 2010 19:24:58 +0000</pubDate>
		<dc:creator>Piotr Krzyzek</dc:creator>
				<category><![CDATA[FB 101]]></category>
		<category><![CDATA[FBML CSS]]></category>
		<category><![CDATA[Static FBML]]></category>
		<category><![CDATA[<style type=]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[fbml]]></category>
		<category><![CDATA[fbml CSS]]></category>
		<category><![CDATA[style=]]></category>

		<guid isPermaLink="false">http://www.quantumfanpages.com/?p=178</guid>
		<description><![CDATA[<br/>Working with FBML CSS can be tricky at times, so I&#8217;m here to show you all the ways you can successfully add CSS into your FBML code. Be warned though, there are a few ways and each way has it&#8217;s ups and downs. The usual down part of each set of CSS code is that [...]
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<br/><p><a href="http://www.quantumfanpages.com/fbml-css-include-css-into-your-fbml-code"><img class="alignleft size-full wp-image-179" title="FBML CSS title" src="http://www.quantumfanpages.com/wp-content/uploads/2010/07/fbml_css_title.jpg" alt="fbml css title FBML CSS   Include CSS Into Your FBML Code" width="210" height="176" /></a>Working with FBML CSS can be tricky at times, so I&#8217;m here to show you all the ways you can <strong>successfully </strong>add CSS into your FBML code. Be warned though, there are a few ways and each way has it&#8217;s ups and downs. The usual down part of each set of CSS code is that if you create some complex CSS structure you&#8217;ll have it &#8216;hack&#8217; it to work with Internet Explorer (any version). So that&#8217;s kind of a drag.</p>
<p>But lets get started with. We&#8217;ll cover these topics:</p>
<ul>
<li>Inline CSS</li>
<li>External files</li>
<li>Using inpage &lt;style type=”text/css”&gt; tag</li>
<li><strong>Caution of using </strong>the inpage method.</li>
<li>Resource list for CSS (independent of FBML and Facebook)</li>
</ul>
<p><em>Note: This isn&#8217;t a &#8220;how to program in CSS&#8221; guide. This is how to incorporate it with your Static FBML code and the like. So come knowledge of CSS/HTML is required.</em></p>
<h2><span id="more-178"></span><span style="color: #3366ff;">Inline CSS &#8211; style=&#8221;"</span></h2>
<p>This is the most basic way of using CSS. To do this, all you do is include <em>style=&#8230;.. </em>into your styling tag.</p>
<p>So if we want to get some bold red text we would use the following code:</p>
<blockquote><p><code>&lt;span style="font-weight: bold; color: red;"&gt;Quantum Fanpage's bold red text&lt;/span&gt;</code></p></blockquote>
<p>And the output would be:</p>
<blockquote><p><span style="font-weight: bold; color: red;">Quantum Fanpage&#8217;s bold red text</span></p></blockquote>
<p>You can add the <em>style=</em> command to practically any html tag. What style options you can use and add change from tag to tag. For example, the <em>SPAN</em> tag will not accept (meaning it won&#8217;t work with) positioning nor height. A <em>DIV</em> tag is significantly more versatile.</p>
<h2><span style="color: #3366ff;">External CSS Files </span></h2>
<p>Using external files is probably the best solution, of course though you&#8217;d have to have your own server to host the files on. If you need some hosting <strong>just</strong> for your CSS files contact me via my <a href="http://www.piotrkrzyzek.com">main website</a> and I&#8217;ll hook you up for free.</p>
<p>To use external CSS files you will first have to create a CSS file and host it somewhere. For example lets use <em>sample.css</em>. I have placed it on <a href="http://www.quantumfanpages.com/sample.css">http://www.quantumfanpages.com/sample.css</a></p>
<p>The file contains this:</p>
<blockquote><p><code>#sample-id-QuantumFanpages {<br />
font-weight: bold;<br />
font-size: 10pt;<br />
color: red;<br />
border 2px dashed red;<br />
background: #111111;<br />
width: 200px;<br />
}</code></p></blockquote>
<p>In order to use it we have to call and include the CSS file <strong>BEFORE</strong> everything else in the FBML code. So we put the FBML code at the top of our FBML page:</p>
<blockquote><p><code>&lt;link href="http://www.quantumfanpages.com/sample.css" rel="stylesheet" type="text/css" /&gt;</code></p></blockquote>
<p>And then all we have to do it properly call/use the style, lets say in this sample div tag:</p>
<blockquote><p>&lt;div id=&#8221;﻿﻿﻿&#8221;sample-id-QuantumFanpages&#8221;&gt;Quantum Fanpages other sample!&lt;/div&gt;</p></blockquote>
<p>The result would be something like this (<em>I&#8217;ve cheated here to show you the desired effect since I cannot &#8216;just&#8217; include the CSS file in the middle of a post &#8230; well I could, but it&#8217;s not fun, nor easy</em>.):</p>
<div id="sample-id-QuantumFanpages" style="font-weight: bold; font-size: 10pt; color: red; background: #111111; width: 200px;">Quantum Fanpages other sample</div>
<p>So for your Fanpages, you have the change where the CSS file is. The template code is:</p>
<blockquote><p><code>&lt;link href="http://www.YOUR-SITE.com/CSS_DIRECTORY/sample.css" rel="stylesheet" type="text/css" /&gt;</code></p></blockquote>
<h2><span style="color: #3366ff;">Inpage &lt;style type=&#8221;tex<span style="color: #3366ff;">t/css&#8221;&gt;</span></span></h2>
<p>This method is a hit or more, unless IE shapes up and it sure as heck won&#8217;t work for older versions of IE. IE 8 just might work, dunno since I never use IE. (more on this later)</p>
<p>If for some reason you are not able ﻿to use external files, or Facebook changes the API again &#8230; you can use the &#8216;inpage&#8217; css style. This is the idea of taking the external CSS file and having it all in the actual html/fbml. So it&#8217;s all one file/page instead of separate.</p>
<p>This is achieved in this easy way, again using the contents of <em>sample.css</em> as an example:</p>
<blockquote><p><code>&lt;style type="text/css"&gt;<br />
#sample-id-QuantumFanpages {<br />
font-weight: bold;<br />
font-size: 10pt;<br />
color: red;<br />
border 2px dashed red;<br />
background: #111111;<br />
width: 200px;<br />
}<br />
&lt;/style&gt;</code></p></blockquote>
<p>After words all you have to do it call the style in the usual way.</p>
<p><strong>Make sure to add that <span style="color: #3366ff;">AT THE TOP</span> of the FBML <span style="color: #ff0000;">before</span> any HTML code.</strong></p>
<h2><span style="color: #3366ff;">Internet Explorer has display problems when using &lt;style type=&#8221;text/css&#8221;&gt;.</span></h2>
<p>Some older versions of IE, especially not patched version of IE6/7 can possibly NOT include the style. Though it&#8217;s said that recent revisions in the Facebook Fanpage FBML API have changed that.</p>
<p>Sooo, I <strong>highly</strong> recommend you test this on your own Fanpage. IE6/7 may or may not work with the &lt;style &#8230;. you&#8217;ll just have to see.</p>
<p><strong>But it might, so go ahead and use it for now. Most people say it currently works.</strong></p>
<h2><span style="color: #3366ff;">CSS Resource list.</span></h2>
<p>If you&#8217;re going to add CSS to your Static FBML page, you&#8217;ll have to know CSS. Regular ol&#8217; CSS. There is no difference between FBML CSS and regular CSS.</p>
<p>So with that in mind, here is a quick list of some pretty good CSS training material:</p>
<ul>
<li><a href="http://www.w3.org/Style/CSS/learning">Official W3C CSS learning Page.</a> Full of CSS learning and training and tutorial material.</li>
<li><a href="http://www.csszengarden.com/">CSS Zen Garden</a>. A great place for learning how to create &#8216;perfect&#8217; CSS.</li>
<li><a href="http://www.w3schools.com/css/default.asp">W3Schools CSS Tutorials</a>. The one stop shop (well, not actually shop. It&#8217;s all free here) for all CSS material. It&#8217;s the first place I go to, to get any information about CSS.</li>
</ul>
<p>If you have any other tips or tricks, let me know below and I&#8217;ll add them here while giving you credit. What do you think of this material? Leave a comment below!</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.quantumfanpages.com/fbml-css-include-css-into-your-fbml-code/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Facebook Basics 101 &#8211; Adding Friends and Building A Network</title>
		<link>http://www.quantumfanpages.com/facebook-basics-101-adding-friends-and-building-a-network/</link>
		<comments>http://www.quantumfanpages.com/facebook-basics-101-adding-friends-and-building-a-network/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 08:26:55 +0000</pubDate>
		<dc:creator>Piotr Krzyzek</dc:creator>
				<category><![CDATA[Facebook Profiles]]></category>
		<category><![CDATA[FB 101]]></category>
		<category><![CDATA[adding friends]]></category>
		<category><![CDATA[build network]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[facebook friends]]></category>
		<category><![CDATA[growing facebook account]]></category>

		<guid isPermaLink="false">http://www.quantumfanpages.com/?p=175</guid>
		<description><![CDATA[<br/>There&#8217;s nothing worse than logging into your FaceBook account, clicking on your pals list, and seeing the words ‘you have no good friends.’ That’s an assault to ones sense of self confidence and self worth! You’ve got to start adding close friends as easily as feasible. Commence with the people for you to already know. [...]
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<br/><p>There&#8217;s nothing worse than logging into your FaceBook account, clicking on your pals list, and seeing the words ‘you have no good friends.’ That’s an assault to ones sense of self confidence and self worth! You’ve got to start adding close friends as easily as feasible.</p>
<p>Commence with the people for you to already know. You want to get that friends list populated fast. It is possible to use the FaceBook feature that will search your email accounts at Gmail (http://www.gmail.com), Hotmail (http://www.msn.com), and AOL (http://www.aol.com).</p>
<p>If it discovers some of one&#8217;s contacts are Facebook users, it will give you the choice to send those people a good friends request.</p>
<p>From there, look at other social networking websites which you belong to and also the close friends that you simply have there – even if they aren&#8217;t in your email address book. Check to see if they have an account on FaceBook. Write a message in NotePad so that you can copy and paste. It should be incredibly short and to the point.</p>
<p>You may perhaps need a couple of different messages. One may well say “I know you from such and such forum or social networking website and I would like to add you to my friends list here at FaceBook.” An additional may well say “I realize that you just don&#8217;t know me personally, but I see that we have XYZ in common, so I would like to add you to my circle of close friends.”</p>
<p>Look for individuals that you simply know from other social networking websites, social bookmarking sites, microblogging (Twitter, at http://www.twitter.com), forums, and even blogs that you simply commonly read, too as persons who read your blog. Also contemplate adding other Internet Marketers, including marketers who are within the same niche for you to are in.</p>
<p>From there, it is possible to use the search features to discover persons inside your general area as well as persons who have interests that are in common to yours. Just add them even if you’ve never had any contact with those men and women in any other on the net or offline venue. Look at the good friends of the close friends. This is an exceptional method to grow your network too – the thing that you simply have in widespread is the original friend.</p>
<p>Just remember that every person you add to your network is really a potential customer, a client, or a business associate, and you absolutely want your network to grow as big as possible, as quickly as doable to acquire the most benefit from FaceBook.</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.quantumfanpages.com/facebook-basics-101-adding-friends-and-building-a-network/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Write an Attractive Facebook Profile</title>
		<link>http://www.quantumfanpages.com/how-to-write-an-attractive-facebook-profile/</link>
		<comments>http://www.quantumfanpages.com/how-to-write-an-attractive-facebook-profile/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 13:04:34 +0000</pubDate>
		<dc:creator>Piotr Krzyzek</dc:creator>
				<category><![CDATA[Facebook Profiles]]></category>
		<category><![CDATA[FB 101]]></category>
		<category><![CDATA[attractive profile]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[facebook profile]]></category>
		<category><![CDATA[profile]]></category>

		<guid isPermaLink="false">http://www.quantumfanpages.com/?p=170</guid>
		<description><![CDATA[<br/>Since you&#8217;re are now signed up as well as confirmed as a FaceBook user, you have to build up the profile. This isn&#8217;t very difficult to do however it does call for some thoughts. Since you are using FaceBook to increase business as well as to connect with customers as well as business associates, it [...]
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<br/><p><a href="http://www.quantumfanpages.com/how-to-write-an-attractive-facebook-profile"><img class="alignleft size-medium wp-image-172" src="http://www.quantumfanpages.com/wp-content/uploads/2010/06/blank_fb_picture-204x300.jpg" alt="blank fb picture 204x300 How to Write an Attractive Facebook Profile" width="204" height="300" title="How to Write an Attractive Facebook Profile" /></a>Since you&#8217;re are now signed up as well as confirmed as a FaceBook user, you have to build up the profile. This isn&#8217;t very difficult to do however it does call for some thoughts. Since you are using FaceBook to increase business as well as to connect with customers as well as business associates, it is crucial that you apply great business sense when creating the FaceBook account.</p>
<p>Of course, while filling in the blanks, you complete carefully. For the screen name, as a small business individual, the best thing you&#8217;ll be able to do is use your own personal name. Many men and women use their small business name and in case you wish to do this, you may need to contemplate setting up a second account with your business name, then connect it to your personal FaceBook account where you are utilizing your real name.</p>
<p>Individuals generally really do not desire to see ‘the company.’ Instead, they would like to see the face behind the small business – you.</p>
<p>With every single blank that you fill in, remember that potential buyers, current buyers, and business associates will be reading what you’ve written. It cannot be said enough – write with caution. You would like to sound human and friendly but you really do not want to go overboard here. If anything else, answer questions in a way that gives you more credibility within your market.</p>
<p>While you might not see the extra applications which you can add to your FaceBook profile within the beginning, it won’t take long prior to individuals begin sending you applications for you to add. Again, use caution.</p>
<p>Since you&#8217;re making use of your FaceBook account for enterprise purposes, you do not desire to clutter your page up with a bunch of silly applications that have no connection with your business. Furthermore, every application you add slows down the load time of your page and too numerous can also cost your credibility to decrease, which is something you undoubtedly really don&#8217;t want.</p>
<p>When it comes to adding pictures, make positive you upload your professional photo. You may add photos that are additional ‘casual’ too, to ensure that readers can see that you just really are human and that you definitely do possess a life.</p>
<p>Finally, make guaranteed that you just include the website addresses for your company. But for your primary URL, use the one that links to a page on your web site where men and women can get a lot more data about you, your experience, and other facts that makes you an expert inside your field.</p>
<p>When you are completed, have a relatively handful of other individuals review your profile to suit your needs. Examine it for spelling and grammar errors. You may well even take into account comparing it for the profiles of other successful Internet Marketers just to be confident which you are on target – at exactly the same time, on the other hand, make sure that it&#8217;s distinctive.</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.quantumfanpages.com/how-to-write-an-attractive-facebook-profile/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free FBML Template &#8211; Great Free Opt-in Template To Use With Static FBML</title>
		<link>http://www.quantumfanpages.com/free-fbml-template-great-free-opt-in-template-to-use-with-static-fbml/</link>
		<comments>http://www.quantumfanpages.com/free-fbml-template-great-free-opt-in-template-to-use-with-static-fbml/#comments</comments>
		<pubDate>Mon, 07 Jun 2010 19:07:05 +0000</pubDate>
		<dc:creator>Piotr Krzyzek</dc:creator>
				<category><![CDATA[Free FBML Templates]]></category>
		<category><![CDATA[Static FBML]]></category>
		<category><![CDATA[Static FBML Styles]]></category>
		<category><![CDATA[css template]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[Fanpages]]></category>
		<category><![CDATA[fbml]]></category>
		<category><![CDATA[fbml CSS]]></category>
		<category><![CDATA[fbml style]]></category>
		<category><![CDATA[free fbml template]]></category>

		<guid isPermaLink="false">http://www.quantumfanpages.com/?p=166</guid>
		<description><![CDATA[<br/>Looking for some good Free FBML Templates? Well, you&#8217;re in luck today. Today we are a very simple, yet effective template ready for you. Sorry, but this isn&#8217;t a huge list of free templates &#8230; that will come later. Below you&#8217;ll find the complete code used, and explanation, for creating the landing page on the [...]
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<br/><p><a href="http://www.quantumfanpages.com/free-fbml-template-great-free-opt-in-template-to-use-with-static-fbml"><img class="alignleft size-full wp-image-167" src="http://www.quantumfanpages.com/wp-content/uploads/2010/06/quantum_fanpages_free_fbml_template.jpg" alt="quantum fanpages free fbml template Free FBML Template   Great Free Opt in Template To Use With Static FBML" width="161" height="156" title="Free FBML Template   Great Free Opt in Template To Use With Static FBML" /></a>Looking for some good Free FBML Templates? Well, you&#8217;re in luck today.</p>
<p>Today we are a very simple, yet effective template ready for you.</p>
<p>Sorry, but this isn&#8217;t a huge list of free templates &#8230; that will come later.</p>
<p>Below you&#8217;ll find the complete code used, and explanation, for creating the landing page on the <a href="http://www.facebook.com/pages/PLR-Private-Label-Rights/305430217860?v=app_4949752878">PLR &#8211; Private Label Rights fanpage</a>.</p>
<p>The code is CSS complaint and doesn&#8217;t use tables. We here at Quantum Fanpages hate tables. Below is your free FBML template to help you create a quick and effective opt-in page.</p>
<p>First is the Free FBML template code, and afterwards we&#8217;ll explain it:</p>
<blockquote>
<div id="_mcePaste">
<div id="_mcePaste">&lt;div id=&#8221;whole_box&#8221; style=&#8221;width=800px;&#8221;&gt;</div>
<div id="_mcePaste"></div>
<div id="_mcePaste">&lt;img title=&#8221;becomeafan&#8221; src=&#8221;http://www.piotrkrzyzek.com/plr_files/plr.jpg&#8221; height=&#8221;71&#8243; width=&#8221;760&#8243;&gt;</div>
<div id="_mcePaste"></div>
<div id="_mcePaste">&lt;div id=&#8221;inner_box_container&#8221; style=&#8221;text-align: center;&#8221;&gt;</div>
<div id="_mcePaste">&lt;span id=&#8221;inner_box_title_tex&#8221; style=&#8221;font-size: 12pt; line-height: 18pt; font-family: Verdana; &#8220;&gt;</div>
<div id="_mcePaste"></div>
<div id="_mcePaste">Welcome to our PLR Fan Page. &lt;br /&gt;We&#8217;re glad to have you be part of our family.&lt;/span&gt;</div>
<div id="_mcePaste"></div>
<div id="_mcePaste">&lt;div id=&#8221;inner_box&#8221;  style=&#8221;margin-top: 15px; border: 4px dashed red; height: 400px; width: 600px; margin-left: auto; margin-right: auto; text-align:left; padding: 10px;&#8221;&gt;</div>
<div id="_mcePaste"></div>
<div id="_mcePaste">&lt;div id=&#8221;inner_box_top_title_tag&#8221; style=&#8221;text-align: center;&#8221;&gt;&lt;span style=&#8221;font-size: 18pt; line-height: 18pt; font-family: Verdana; font-weight: bold;&#8221;&gt;Grab your &lt;span style=&#8221;color: red&#8221;&gt;FREE&lt;/span&gt; copy of our latest E-Book, &#8220;Blogging For Profit&#8221;, by entering your name and e-mail below.&lt;/span&gt;&lt;/div&gt;</div>
<div id="_mcePaste"></div>
<div id="_mcePaste"></div>
<div id="_mcePaste">&lt;br /&gt;</div>
<div id="_mcePaste">&lt;div style=&#8221;margin-top: 25px; margin-left:auto; margin-right: auto; width: 300px;&#8221;&gt;</div>
<div id="_mcePaste">OPTIN CODE GOES HERE</div>
<div id="_mcePaste">&lt;/div&gt;</div>
<div id="_mcePaste"></div>
<div id="_mcePaste">&lt;/div&gt;</div>
<div id="_mcePaste">&lt;/div&gt;</div>
<div id="_mcePaste"></div>
<div id="_mcePaste">&lt;/div&gt;</div>
</div>
</blockquote>
<p>Hopefully that can be transfered easily to your code.</p>
<p>As you can see the code is completely comprised of CSS complaint code.</p>
<p>There are several very important things to note about this code which <strong>will</strong> be different for your code. This fanpage is a bit older, so it still uses the old width.</p>
<p>Your new fanpage might have a max width of around 760px. Be sure to not make anything wider than that. That is what this code does:</p>
<blockquote><p>&lt;div id=&#8221;whole_box&#8221; style=&#8221;width=800px;&#8221;&gt;</p></blockquote>
<p>It create a whole container which I can control. Everything else is within that outer &#8216;whole_box&#8217; element.</p>
<p>The next tag, the image tag (&lt;img&gt;) is, well &#8230; the image. This displays an image, and in this case, it displays a header image.</p>
<p>The image is followed by a div tag. The first one sets up a box container which allows me to center align everything below.</p>
<p>Then there is the &#8216;inner_box&#8217; which has the red dashed border.</p>
<p>To add a border, simply add this style to any element (any element that can have a border):</p>
<blockquote><p>style=&#8221;border: 1px dashed red&#8221;</p></blockquote>
<p>The 1px is the size. You can set it to anything. 2px, 10px or even 100px. Though I don&#8217;t think you&#8217;ll want anything that big. Usually a size between 1px and 5px is perfect.</p>
<p>Everything else is just more of the same. Creating div elements to hold stuff. Pretty simple, yet very effective!</p>
<p><strong>Let us know in the comments below what you think. Also be sure to sign up for our newsletter to get tips, tricks and tactics that we don&#8217;t share publicly.</strong></p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.quantumfanpages.com/free-fbml-template-great-free-opt-in-template-to-use-with-static-fbml/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Static FBML Styles In CSS &#8211; The Basics</title>
		<link>http://www.quantumfanpages.com/static-fbml-styles-in-css-basics/</link>
		<comments>http://www.quantumfanpages.com/static-fbml-styles-in-css-basics/#comments</comments>
		<pubDate>Sat, 05 Jun 2010 18:29:19 +0000</pubDate>
		<dc:creator>Piotr Krzyzek</dc:creator>
				<category><![CDATA[Fanpages]]></category>
		<category><![CDATA[Static FBML]]></category>
		<category><![CDATA[Static FBML Styles]]></category>
		<category><![CDATA[best static fbml styles]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css2]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[fbml]]></category>
		<category><![CDATA[FBML Styles]]></category>

		<guid isPermaLink="false">http://www.quantumfanpages.com/?p=162</guid>
		<description><![CDATA[<br/>There are many &#8216;sytles&#8217; for FBML. A style nothing special; it&#8217;s not some secret template, code or magic plugin. A FBML Style is nothing more the CSS styling. CSS Stands for Cascading Style Sheets and is the basis for 99% of all design on the internet. Practically every single you visit will have some form [...]
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<br/><p><a href="http://www.quantumfanpages.com/static-fbml-styles-in-css-basics"><img class="alignleft size-full wp-image-163" src="http://www.quantumfanpages.com/wp-content/uploads/2010/06/static_fbml_styles_title.png" alt="static fbml styles title Static FBML Styles In CSS   The Basics" width="75" height="75" title="Static FBML Styles In CSS   The Basics" /></a>There are many &#8216;sytles&#8217; for FBML. A style nothing special; it&#8217;s not some secret template, code or magic plugin. A FBML Style is nothing more the CSS styling. CSS Stands for Cascading Style Sheets and is the basis for 99% of all design on the internet.</p>
<p>Practically every single you visit will have some form of CSS on it. CSS is the stuff that looks like:</p>
<blockquote><p>body {</p>
<p>background: white;</p>
<p>padding: 5px;</p>
<p>}</p></blockquote>
<p>And stuff like that. What&#8217;s great is that you can add styling to your FBML code! The bad news is that not all of it works exactly like you would like and, as usual, Internet Explorer (all versions) have problems with it. Fixing it for Internet Explorer is another article which I&#8217;ll eventually write on <a href="http://www.piotrkrzyzek.com">PiotrKrzyzek.com</a>.</p>
<p>Today I want to tell you how to add CSS to your FBML tab and some basics for using it.</p>
<p>This article isn&#8217;t about advanced styling or a full blown tutorial. It&#8217;s a starter guide. More on advanced FBML styles in a later post.</p>
<p><span id="more-162"></span>There are several important things you have to know. There are two big version of CSS standards out right now: CSS2 and CSS3. Version 3 is brand new and still not a completed standard so it&#8217;s barely implemented in any browser. So if you decide to inlcude CSS3 use at your own risk because there is a high probability that most of your fan&#8217;s browsers will <strong>not</strong> be able to display the style correctly, if at all.</p>
<p><strong>Adding CSS2 styles to your FBML code:</strong></p>
<p>FBML is the Facebook Markup Language, but it can easily be integrated with regular HTML. When you are writing your FBML code, all you need to do is add html code around the FBML (or inside it).</p>
<p>For example, if we wanted to add a red border around some text we could do something like this:</p>
<blockquote><p>&lt;div style=&#8221;border: 1px solid red&#8221;&gt;My red bordered text&lt;/div&gt;</p></blockquote>
<p>Which would look something like this:</p>
<div style="border: 1px solid red;">My red bordered text</div>
<p>If we want to change the background:</p>
<blockquote><p>&lt;div style=&#8221;background: #DDDDDD&#8221;&gt;Gray background text&lt;/div&gt;</p></blockquote>
<p>Which would look something like this:</p>
<div style="background: #DDDDDD;">Gray background text</div>
<p>There are plenty of styles and things you can do with CSS. <strong>To learn more about CSS simply type into: &#8220;CSS guide&#8221; or &#8220;CSS tutorial&#8221;. </strong></p>
<p>For some fun, here is a style that I use on my opt-in pages using some CSS:</p>
<blockquote><p>&lt;div style=&#8221;background: white; border: 1px dashed red; text-align: center; width: 300px; margin-left: auto; margin-right: auto;&#8221;&gt;My <a href="http://www.piotrkrzyzek.com/recommends/aweber">Aweber</a> opt-in code would go here background  text&lt;/div&gt;</p></blockquote>
<p>Which would look something like this:</p>
<div style="background: none repeat scroll 0% 0% white; border: 1px dashed red; text-align: center; width: 300px; margin-left: auto; margin-right: auto;">My Aweber opt-in code would go here background text</div>
<p>Cool huh? Of course don&#8217;t forget to add images with styles and the &lt;img&gt; tag:</p>
<blockquote><p>&lt;div style=&#8221;background: white; border: 1px dashed gray;  text-align: center; width: 300px; margin-left: auto; margin-right:  auto;&#8221;&gt;Below is my image!&lt;center&gt;&lt;img src=&#8221;http://www.quantumfanpages.com/images/quantum_fanpages_book_3d.png&#8221; /&gt;&lt;/center&gt;&lt;/div&gt;</p></blockquote>
<p>Which would look something like this:</p>
<div style="background: none repeat scroll 0% 0% white; border: 1px dashed gray; text-align: center; width: 300px; margin-left: auto; margin-right: auto;">Below is my image!<img src="http://www.quantumfanpages.com/images/quantum_fanpages_book_3d.png" alt="quantum fanpages book 3d Static FBML Styles In CSS   The Basics"  title="Static FBML Styles In CSS   The Basics" /></div>
<p>Hope that helps! Have fun with using CSS styles in FBML to create some really great fanpages!</p>
<p>Here are some examples of good uses of FBML styles:</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.quantumfanpages.com/static-fbml-styles-in-css-basics/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Why Facebook For Marketing</title>
		<link>http://www.quantumfanpages.com/why-facebook-for-marketing/</link>
		<comments>http://www.quantumfanpages.com/why-facebook-for-marketing/#comments</comments>
		<pubDate>Mon, 17 May 2010 22:43:46 +0000</pubDate>
		<dc:creator>Piotr Krzyzek</dc:creator>
				<category><![CDATA[Facebook Marketing]]></category>
		<category><![CDATA[FB 101]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[introduction]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[trends]]></category>

		<guid isPermaLink="false">http://www.quantumfanpages.com/?p=157</guid>
		<description><![CDATA[<br/>The newest trend in the internet today is joining one of the many social networking websites. Here, you will be able to keep in touch with your old friends as well as your relatives and you will also be able to make new friends as well as meet new people. With social networking websites, you [...]
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<br/><p><a href="http://www.quantumfanpages.com/why-facebook-for-marketing"><img class="alignleft size-medium wp-image-158" src="http://www.quantumfanpages.com/wp-content/uploads/2010/05/13-facebook-marketing-points-300x254.jpg" alt="13 facebook marketing points 300x254 Why Facebook For Marketing" width="300" height="254" title="Why Facebook For Marketing" /></a>The newest trend in the internet today is joining one of the many social networking websites. Here, you will be able to keep in touch with your old friends as well as your relatives and you will also be able to make new friends as well as meet new people. With social networking websites, you will see that it will make the world a smaller place.</p>
<p>One social networking website that is so popular among many people from all over the world is Facebook. In this website, you will be able to post your pictures, discuss your interests and hobbies as well as do other great things.</p>
<p>In the past, Facebook was restricted to Harvard College students. In time, it expanded to other schools and universities until it became available for everyone above the age of 13 from different parts of the world.</p>
<p>Presently, the Facebook website now has more than 62 million active users worldwide.</p>
<p>Now, if you have an online business, you will see that Facebook can significantly help you promote your website and your business. Facebook marketing is now one of the hottest trends among online entrepreneurs today. Just think about it, with over 62 million active users worldwide, you will definitely have a lot of potential clients to do business with.</p>
<p>Because of the amount of people joining Facebook, a lot of online business owners are now joining this social networking website in order to market their products or services. With Facebook, you will definitely be able to effectively market your website.</p>
<p>The great thing about Facebook today is that anyone will now be able to join it. Whether you are a college student or you are an entrepreneur looking for a niche market, Facebook is the place that you should go to.</p>
<p>In fact, Facebook is now very popular that it is now investing a lot of money for advertising in order to attract more people to join. With this kind of benefit, you will see the potential on what your business can have.</p>
<p>Facebook as well as other social networking websites are now just beginning to see its full potential.</p>
<p>Today, you will see that Facebook has now launched its Facebook Ads system that will allow you and other fellow business owners to formally advertise your products and services. You have to consider the fact that people are three to five times more likely buy a particular product if their friends recommend it. If you advertise in Facebook, you will be able to increase your sales.</p>
<p>Facebook is now very popular that it now contains ads for big corporations, such as Microsoft, Coca-Cola and other companies.</p>
<p>So, if you are thinking about marketing online for your business and you want to increase your company&#8217;s sales, then you may want to try out Facebook. Here, you will be able to increase the advertising potential for your company. Also, you will be able to reach out to more people as well as get a niche market for your products and services.</p>
<p>So, if you think that online advertising or marketing is not working for you, you might want to try out marketing on Facebook. Here, you will be able to see how effective marketing is by using this one of a kind social networking website and you will be able to increase your sales.</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.quantumfanpages.com/why-facebook-for-marketing/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Static FBML Introduction Video</title>
		<link>http://www.quantumfanpages.com/static-fbml-introduction-video/</link>
		<comments>http://www.quantumfanpages.com/static-fbml-introduction-video/#comments</comments>
		<pubDate>Sat, 15 May 2010 00:38:31 +0000</pubDate>
		<dc:creator>Piotr Krzyzek</dc:creator>
				<category><![CDATA[Fanpages]]></category>
		<category><![CDATA[FB 101]]></category>
		<category><![CDATA[Static FBML]]></category>
		<category><![CDATA[Video]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[fbml]]></category>
		<category><![CDATA[Quantum Fanpages]]></category>
		<category><![CDATA[static fbml introduction]]></category>

		<guid isPermaLink="false">http://www.quantumfanpages.com/?p=155</guid>
		<description><![CDATA[<br/>Facebook&#8217;s App Static FBML is pure awesome sauce. With it you can add pure html to a custom named tab. Also you are able to make the tab the first thing they view when they click on your fan page! How cool is that? Adding such a tab is easy at adding the Static FBML [...]
No related posts.

Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.]]></description>
			<content:encoded><![CDATA[<br/><p><a href="http://www.piotrkrzyzek.com/facebook-static-fbml-introduction-video"><img class="alignleft size-medium wp-image-1017" src="http://www.piotrkrzyzek.com/wp-content/uploads/2010/05/FirstFrame1-300x225.png" alt="FirstFrame1 300x225 Static FBML Introduction Video" width="300" height="225" title="Static FBML Introduction Video" /></a> Facebook&#8217;s App Static FBML is pure awesome sauce. With it you can add pure html to a custom named tab. Also you are able to make the tab the first thing they view when they click on your fan page! How cool is that?</p>
<p>Adding such a tab is easy at adding the Static FBML application, editing it, and then adding it as a tab. In the video, I said I&#8217;ll show you how to make it the first thing anyone views on your page &#8230; but I messed that up and couldn&#8217;t find it in the heat of the moment. Right below the video I added the steps on how to make the page the first thing viewers see!</p>
<p>In the video I talk about:</p>
<ul>
<li>Adding FBML to your page</li>
<li>Editing FBML</li>
<li>Adding your Aweber optin code</li>
<li>Quick html things in static FBML</li>
</ul>
<p>Enjoy the video introduction to Static FBML!</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="480" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://www.piotrkrzyzek.com/screencasts/static_fbml/intro/stastic-fbml-intro_controller.swf" /><embed type="application/x-shockwave-flash" width="640" height="480" src="http://www.piotrkrzyzek.com/screencasts/static_fbml/intro/stastic-fbml-intro_controller.swf"></embed></object></p>
<p>To set the Static FBML tab as the primary tab, follow these quick steps:</p>
<ol>
<li>Click over to &#8220;Edit Page&#8221;, thus you&#8217;ll be at your pages settings.</li>
<li>Under &#8220;Wall Settings&#8221;, the 2nd option from the top, click &#8220;Edit&#8221;.</li>
<li>Change &#8220;Default Landing Tab for Everyone Else:&#8221; to your Static FBML&#8217;s tab name.</li>
<li>In the case of the video example, I would select &#8220;Sign Me Up!&#8221;.</li>
<li>Check your fan page from another account which is not a fan of the page.</li>
</ol>
<p>Enjoy! If you have any comments or questions feel free to ask!</p>
<p>No related posts.</p>
<p>Related posts brought to you by <a href='http://yarpp.org'>Yet Another Related Posts Plugin</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.quantumfanpages.com/static-fbml-introduction-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
