In this series on How to Set Up a Facebook Fan Page for Real Estate Associations, Brokerages and Agents, we will discuss the basics on how to set up a Facebook Fan Page. Here are the topics in this series:
- How to Set-Up a Basic Facebook Page
- How to Create Customized Tabs for Facebook Fan Page
- HTML/FBML Code, Cheap Tricks and Short Cuts, and Other Design Ideas
- Strategies for Using Facebook Fan Page to Market and Sell Real Estate
In today's installment, we discuss in two installments the HTML code used to create the Facebook Fan Page for the Metropolitan St. Louis Chapter of the Women's Counsel of Realtors. To view the Fan Page, click on: WCR-St. Louis Fan Page.
A. Custom Header for Landing Page.
Code:
<a href="http://s474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/?action=view¤t=Header.jpg" target="_blank"><img src="http://i474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/Header.jpg" border="0" alt="Photobucket"></a>
<a href="http://s474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/?action=view¤t=WCR-Intro.jpg" target="_blank"><img src="http://i474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/WCR-Intro.jpg" border="0" alt="Photobucket"></a>
B. Custom Intro Tex for Landing Page.
Code:
<a href="http://s474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/?action=view¤t=Header-Participation.jpg" target="_blank"><img src="http://i474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/Header-Participation.jpg" border="0" alt="Photobucket"></a>
C. Custom Link Table.
Code:
<h3>GETTING STARTED…</h3>
<ul>
<li><a href=”http://www.facebook.com/WCRStLouis?v=app_11007063052”>Sign-Up for WCR-STL Announcements </a> <div class=”descrip”>Receive announcements of WCR-St. Louis events, business resource meetings and more.</div>
</li>
<a href=”http://www.facebook.com/WCRStLouis?v=app_10442206389”>Sponsorship and Advertising Opportunities</a> <div class=”descrip”>Sponsor a WCR-St. Louis event, business resource meeting, etc. or gain additional exposure by advertising in WCR-St. Louis newsletters, event announcements, and online media.</div>
</li>
<li><a href=”http://www.facebook.com/WCRStLouis?v=app_6009294086”>New Member Inquiry</a>
<div class=”descrip”>Become a member or affiliate of the Women’s Council of Realtors</div>
</li>
<li>
<a href=”http://www.facebook.com/WCRStLouis?v=app_7146470109”>Join a WCR-St. Louis committee. </a><div class=”descrip”>Contribute to the success of WCR-St. Louis by giving your time and sharing your knowledge, experience and expertise. </div>
</li>
</ul> </div> </tr> </table>
D. Custom Banner Footer.
Code:
<a href="http://www.BannerFans.com"><img src="http://img215.imageshack.us/img215/7030/433778588090db2m3.jpg" border="0" width="700" height="100" alt="BannerFans.com" /></a>
E. Box Image with Link.
Code:
<p style="text-align:center;"><a href="http://www.Twitter.com/WCRStLouisMO" target="_blank"><img src="http://i474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/Twitter.jpg" alt="" /></a></p>
F. Document Downloads Powered by Box.net.
Code:
<a href="http://s474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/?action=view¤t=Header.jpg" target="_blank"><img src="http://i474.photobucket.com/albums/rr109/GildedAgeSales/WCR-Facebook/Header.jpg" border="0" alt="Photobucket"></a>
<style type=”text/css”>
.menu {
background:#FFFFFF none repeat scroll 0 0;
border:1px dashed #BDC7D8; padding:5px;
font-family:”lucida grande”,tahoma,verdana,arial,sans-serif; font-size:15px;
width: 600px; margin-left:10%; margin-right:10%;
}
.menu h3 {
margin-bottom:10px; padding:5px 0 0 5px; font-size:14px;
}
.menu ul {
color:#3B5998; padding:0 10px 5px;
}
.menu li {
font-weight:bold;
list-style-image:none; list-style-position:inside; list-style-type:square;
padding:0 0 5px;
}
.menu .descrip {
color:#444444; font-weight:normal;
padding:3px 0 0 15px;
}
h3 {color:#3b5998;}
<!–
a:link {color: #3b5998; text-decoration: none; }
a:active {color: #3b5998; text-decoration: none; }
a:visited {color: #3b5998; text-decoration: none; }
a:hover {color: #3b5998; text-decoration: none; }
–>
</style>
<div class=”menu” >
<h3>WCR - Downloadable Forms</h3>
<ul>
<li><a href=”http://www.box.net//URL deleted</a><div class=”descrip”>President Message, Officer Reports and Other Chapter Information </div></li>
</ul> </div> </tr> </table>
By replacing the image URLs, document hosting URLs and text, you have a roadmap for creating the code for your Facebook Fan Page. In the next post, we will discuss some HTML codes written specifically for Facebook Fan Pages using FBML.
For more information on how to create your customized Fan Page, contact Ryan Shaughnessy at PREA Signature Realty at 314-971-4381. Or, visit www.PREASignatureRealty.com and click on the "Technology Toolbox."
________________________________________________________________________________________________
PREA SIGNATURE REALTY
PREA Signature Realty is a full service brokerage located at 1709 Park Avenue in the Lafayette Square neighborhood of the City of St. Louis. PREA Signature proudly serves the following city neighborhoods: Lafayette Square, Soulard, Benton Park, Benton Park West, Downtown Loft District, Forest Park Southwest, Central West End, Tower Grove East, Tower Grove South, Compton Heights, Shaw, The Hill, Dogtown, Carondelet, Holly Hills, St. Louis Hills, Dutchtown, and the Other Historic Neighborhoods of the City of Saint Louis, Missouri.
The opinions expressed herein represent the opinions of the author only and do not reflect the opinions of PREA Signature Realty. All photos and written content were produced by PREA Signature Realty. All Rights Reserved - PREA Signature Realty (2009). This content may not be reproduced or reprinted, except for Active Rain re-blogging, without express written permission of PREA Signature Realty.
For more information, visit our website at www.PREASignatureRealty.com or contact Ryan Shaughnessy at 314-971-4381 or send an email to Ryan@PREASignatureRealty.com.
I am trying to learn more about Facebook - thanks for sharing!
Thanks for taking the time to share this. I know it took you ALOT of time, energy and effort. I dont use my Fan Page as much as I use my personal one.
Ryan: I continue to be amazed at the time and talent that goes into your excellent Posts. We are just setting up a MFRET fan page and I am passing this on to our admin. Very timely for me!
I've been "working" on my Fan Page for some time now. I truly appreciate you sharing your knowledge. You will certainly save me a ton of time - Thank You Ryan! Looking forward to the next installment.
Debbie - I am glad it helps. I was asked to put one together for a local WCR chapter. The challenge wasn't setting up the basic facebook fan page. The hard part was customizing it so it functions more like an interactive, mini-website with a ton of media content.
Ryan - Holy moly ! Great info here. This is being bookmarked for me to come back to. We set up a fan page for our new office on FB so have a little bit of work to do on it !!! Great home work assignment I now have : )
Chris/Stephanie - I'm glad it helps. I will be on the look out. After doing this one, I need to refine our own Fan Page.
thanks for the great info
Thanks for the info. I've decided not to create a fan page, I just don't want to take care of another social media. I use my friend page just to keep in touch with my closest friends.
Ryan,
I just can't keep up with all of the great ideas you put out there.....but it won't stop me from trying.....
Thanks for sharing and for the effort that you put into the posts for us.
Very helpful--thank you for sharing the code! I didn't even know this was possible.