Facebook 讚按鈕程式碼更新!快來更新以免造成IE當機

這幾天一直有讀者向我反應,IE 8瀏覽本站會當機,一開始我以為是單純IE的問題,後來連我學弟也向我反應,於是我想這應該不是個案,於是就開始針對網站上的程式碼做了一個檢視,於是發現最有可能的應該是Facebook的程式碼,因此就上了他的API網站,再重新檢查一下他的程式碼,程式碼果然是有更新了,至於更新的時間就不可考了。

以Blogger為例,首先,我們先看一下海芋之前介紹過「如何在Blogger內插入讚的按鈕」。

  1. <!-- Facebook Like+Send button code -->
    
  2. <script src='http://connect.facebook.net/zh_TW/all.js#xfbml=1'
    
  3. type='text/javascript'/>
    
  4. <fb:like colorscheme='light' expr:href='data:post.url'
    
  5. font='' layout='standard' send='true' show_faces='false' width='450'/>
    
  6. <!-- Facebook Like+Send button code End -->
    
  7.  <!--clear for facebook like button -->
    
  8. <div style='clear: both;'/>
    
  9. <data:post.body/>

而新版的程式碼,則是要在<body>後插入以下的程式碼。

  1. <div id="fb-root"></div>
    
  2. <script>(function(d, s, id) {
    
  3.   var js, fjs = d.getElementsByTagName(s)[0];
    
  4.   if (d.getElementById(id)) {return;}
    
  5.   js = d.createElement(s); js.id = id;
    
  6.   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    
  7.   fjs.parentNode.insertBefore(js, fjs);
    
  8. }(document, 'script', 'facebook-jssdk'));</script>

 

接著,在到要放入按鈕的地方插入以下的程式碼。

  1. <div class="fb-like" data-send="true" data-width="450" data-show-faces="false" data-font="arial"></div>

而怎麼安裝這個按鈕呢?以Blogger為例,那只要找到「<data:post.body/>」,並用下列的程式碼取代就可以囉!

  1. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    
  2. <!-- Facebook Like+Send button code -->
    
  3. <div id="fb-root"></div>
    
  4. <script>(function(d, s, id) {
    
  5.   var js, fjs = d.getElementsByTagName(s)[0];
    
  6.   if (d.getElementById(id)) {return;}
    
  7.   js = d.createElement(s); js.id = id;
    
  8.   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    
  9.   fjs.parentNode.insertBefore(js, fjs);
    
  10. }(document, 'script', 'facebook-jssdk'));</script>
    
  11. <div class="fb-like" data-send="true" data-width="450"
    
  12. data-show-faces="false" data-font="arial"></div>
    
  13. <!-- Facebook Like+Send button code End -->
    
  14.  <!--clear for facebook like button -->
    
  15. <div style='clear: both;'/>
    
  16. </b:if>
    
  17. <data:post.body/>