Facebook Users: Help spread the Lotus-themed Fan Page word!

12/21/2009 10:34 AM by Chris Toohey

I've been working a lot with Facebook, FBML, and FBML + HTML + CSS-supporting Facebook Applications to create rich beyond the bubble gateways into the Lotus world. This includes creating custom landing pages/intro pages for Lotus Knows, Lotus Technical Information and Education, and even my own for dominoGuru.com. I've worked with Joyce Davis to customize the IBM Lotus Connections-based weblog to display the Fan Page click-to-fan Fan Box (as well as add the Yahoo! Media Player). This past weekend, I put together a little Profile Box - using a Facebook Application named Profile HTML, that lists my Fan Pages prominently on my own Facebook Profile.

You can use the following markup after adding the Profile HTML Application to your Facebook Profile:

<h1>Facebook Fan Pages!</h1>

<div class="entry">
<a href="http://www.facebook.com/dominoGuru" title="dominoGuru.com on Facebook!"><img src="http://profile.ak.fbcdn.net/object2/550/3/q209080642070_2979.jpg" alt="dominoGuru.com on Facebook!" title="dominoGuru.com on Facebook!" align=left class="pad left" /></a>
<strong><a href="http://www.facebook.com/dominoGuru" title="dominoGuru.com on Facebook!">dominoGuru.com</a></strong><br />
<span class="info">
Focused on being the go-to resource for the Lotus Notes Domino developer, dominoGuru.com delivers introductory-level best practices and advanced development deep dives for the IT professional, book and gadget reviews, and technical weblog.
</span>
</div>

<div class="entry">
<a href="http://www.facebook.com/LotusTechInfo" title="Lotus Technical Information and Education on Facebook!"><img src="http://profile.ak.fbcdn.net/object3/1996/58/q46376367191_6622.jpg" ; alt="Lotus Technical Information and Education on Facebook!" title="Lotus Technical Information and Education on Facebook!" align=left class="pad left" /></a>
<strong><a href="http://www.facebook.com/LotusTechInfo" title="Lotus Technical Information and Education on Facebook!">Lotus Technical Information and Education</a></strong><br />
<span class="info">
The Lotus Technical Information & Education community is dedicated to delivering the most accurate and up-to-date product information available. This community is comprised of IBM, business partner, and customer subject matter experts who use product wikis, published articles, white papers, community blogs and the latest in social media to build and share high quality technical content.
</span>
</div>

<div class="entry">
<a href="http://www.facebook.com/LotusKnows" title="Lotus Knows on Facebook!"><img src="http://profile.ak.fbcdn.net/object2/1613/36/q115592692916_4013.jpg&quo t; alt="Lotus Knows on Facebook!" title="Lotus Knows on Facebook!" align=left class="pad left" /></a>
<strong><a href="http://www.facebook.com/LotusKnows" title="Lotus Knows on Facebook!">Lotus Knows</a></strong><br />
<span class="info">
From email that connects your inbox to corporate data and live Web 2.0 content, to mashup applications customized around your business needs, to our web-based platform that lets you collaborate in the cloud, Lotus knows how to help you and your team ...work smarter and faster.
</span>
</div>

<style>

h1 {
font-family: verdana, tahoma, sans-serif;
font-size: 10pt;
margin: 5px 0px 10px 5px;
}
div.entry {
font-family: verdana, tahoma, sans-serif;
font-size: 8pt;
margin: 0px 0px 25px 0px;
}
div.entry img.left {
padding: 0px 4px 2px 0px;
}
div.entry span.info {
font-size: 7pt;
}
</style>

Fairly basic and easy way to help promote your favorite Lotus-themed Fan Pages (or any Fan Page for that matter) beyond the bubble!