Blog 
Jul
12
2010
Quick Tip: Add a Facebook "Like" Button To Your BC Blog In Just 3 Easy Steps
Adding a Facebook "Like" button to your blog posts is a great way to encourage social media sharing within your community and spread your content across the web.
What's even better is that it takes just seconds to implement!
Step 1. Go More Customization Options > Blog Layouts > Blog Post Layout and switch the editor over to HTML mode
Step 2. Scroll to the bottom of the page and insert the following code:
<!-- Facebook Like Button BEGIN --> <iframe scrolling="no" frameborder="0" src="http://www.facebook.com/plugins/like.php?href=yoursite.com{tag_permalinkonly}&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=35" style="border: medium none; overflow: hidden; width: 450px; height: 35px;" allowtransparency="true"></iframe> <!-- Facebook Like Button END -->
Replacing "yoursite.com" with your site's actual domain.
Step 3. Save the layout, and you're done.
You can find out more about the Facebook "Like" button and it's advanced customization options at: http://developers.facebook.com/docs/reference/plugins/like
Follow us on Twitter (@adobebc)
Recent Posts
- New Community Forums
- Update: System Upgrade Rescheduled to Tuesday 31 August 1:00AM PDT
- Join BC at MAX 2010!
- Next Major System Update Scheduled for 25 August
- New Asia-Pacific Datacenter is Open For Business
- An Update on the Business Catalyst Platform
- Getting Started with jQuery & BC
- Next Release is Scheduled for 28 July
- Team work and customer service: the key to your design business success.
- Asia Pacific Datacenter Outage - 14th July 2010 12:20pm AEST
Copyright 2004 - 2010 Business Catalyst
Comments
@Vincent - implementing this for other system features is possible, however you'll need to construct the URL using tags or some JavaScript that grabs the page URL. Just make sure the parameter you're replacing is "yoursite.com{tag_permalinkonly}"
Hope that helps!
Jackson.
<!-- Facebook Like Button BEGIN --> <iframe src="http://www.facebook.com/plugins/like.php?href=%7Btag_permalinkonly%7D&layout=standard&show_faces=false&width=450&action=like&colorscheme=light&height=35" style="border: medium none; overflow: hidden; width: 450px; height: 35px;" allowtransparency="true" frameborder="0" scrolling="no"></iframe> <!-- Facebook Like Button END -->
This is the way I used it in my site. Thanks, Bogdan