I went thru the developers forums in facebook and installed like buttton following this tutorial
http://forum.developers.facebook.net/viewtopic.php?pid=223994#p223994
i changed the necessary codes in my '_header.html' file inside my template folder. The code is now like this
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml"xml:lang="en-US" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />
<title>__page_header__</title>
<base href="<bx_url_root />" />
__page_description__
__page_keywords__
<meta http-equiv="Content-Style-Type" content="text/css" />
<bx_include_css />
<bx_include_js />
__dol_images__
__dol_lang__
__dol_options__
<script type="text/javascript" language="javascript">
var site_url = '<bx_url_root />';
var aUserInfoTimers = new Array();
$(document).ready( function() {
$( 'div.RSSAggrCont' ).dolRSSFeed();
} );
</script>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="inc/js/pngfix.js"></script>
<![endif]-->
__extra_js__
<bx_injection:injection_head />
<script type="text/javascript">
var oBxUserStatus = new BxUserStatus();
oBxUserStatus.userStatusInit('<bx_url_root />', __is_profile_page__);
</script>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='Fourthmolar.com' property='og:site_name'/>
<meta content='338171204500' property='fb:app_id'/>
</head>
__flush_header__
<body <bx_injection:injection_body /> >
<bx_injection:injection_header />
<div id="notification_window" class="notifi_window"></div>
<div id="FloatDesc" style="position:absolute;display:none;z-index:100;"></div>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '338171204500',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
</body>
Its working fine now except one thing, when a facebook user likes this button on my sites page (ex photo) thn it gets published on his wall (he sees it only when he chick his profile link) but nt on his frnds wall as we generally see in case of some websites which provide 'like' buttons.. any help??
