2010-08-01 27 views
1

我试图在我的Blogger博客中使用XFBML的Facebook Like按钮。我希望它为每个帖子显示不同的按钮,而不是所有博客都一样。Facebook喜欢在Blogger中使用XFBML的按钮 - 无法为每个帖子制作个人按钮

我跟着这个链接,以及其他的准则:http://hitech-tips.blogspot.com/2010/05/facebook-like-button-xfbml-tutorial.html

发生了什么事是,类似按钮显示,但它是完全一样的一个为所有的职位。我读过使用expr:href ='data:post.url'应该解决这个问题,但由于某种原因,这是行不通的。这是所有相关的代码,我希望你们能告诉我我做错了什么。

<code> 
    // XFBML declaration 
    <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraphprotocol.org/schema/'> 

    // Opengraph tags (in head) 
    < b:if cond='data:blog.pageType == &quot;item&quot;'> 
     < meta expr:content='data:blog.pageTitle' 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='blog' property='og:type'/> 
    < meta content='http://lh5.ggpht.com/_4b9fZK142hk/TFHpg-2YeBI/AAAAAAAAEVM/MXLyeL6dvmk/TV%20512x512.jpg' property='og:image'/> 
    < meta content='La guía de cine y series' property='og:site_name'/> 
    < meta content='MY PROFILE ID IS HERE' property='fb:admins'/> 
    < meta content='MY APP ID IS HERE' property='fb:app_id'/> 
    < meta content='La guía de cine y series es un blog en español sobre series de TV y películas. Podés encontrar todo tipo de información sobre series de TV y películas: noticias, reviews, previews, trailers, posters y etc.' property='og:description'/> 
    < meta content='Ciudad Autónoma de Buenos Aires' property='og:locality'/> 
    < meta content='Ciudad Autónoma de Buenos Aires' property='og:region'/> 
    < meta content='Argentina' property='og:country-name'/> 
    < meta content='MY EMAIL' property='og:email'/> 

    // FB Init (in body) 
    < div id='fb-root'/> 
    < script> 
     window.fbAsyncInit = function() { 
      FB.init({appId: 'MY_APP_ID', status: true, cookie: true, xfbml: true}); 
     }; 
     (function() { 
      var e = document.createElement('script'); e.async = true; 
      e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; 
      document.getElementById('fb-root').appendChild(e); 
     }()); 
    < /script> 

    // And finally the like button, in the post footer. 
    < div class='post-footer-line post-footer-line-3'> 
     < div style="margin-top:10px; margin-left:5px;"> 
      < fb:like action='like' colorscheme='light' expr:href='data:post.url' layout='standard' show_faces='true'/> 
     < /div> 
    < /div> 
</code> 

我还设置了基本域作为Facebook的应用程序设置blogspot.com,和Connect URL是用斜线结束博客网址。

回答

0

好了,现在它的工作,我不知道到底是什么固定的,但它必须要装配在一起的这些选项之一或全部:

  • 我从URL改变了OpenGraph类型到文章。

  • 我已经设置在Facebook的应用程序设置页面的基础域blogspot.com

其他posibility是,这是一起工作的所有,但它并没有刷新按钮,我已经点击了那些已经在实际工作中发生变化的人,因为当我发布了一篇新文章时,我已经意识到对于新文章的工作。

不管怎样,下面这个教程应该有所帮助:

http://forum.developers.facebook.com/viewtopic.php?id=58903