Real Estate Technology - Facebook Fan Page Series - Creating Your Facebook Fan Page - HTML/FBML Code, Cheap Tricks and Short Cuts, and Other Design Ideas

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&current=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&current=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&current=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&current=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.