如何製作自定義分享按鈕

我一直想將Facebook分享按鈕添加到我的應用程序中，但是我遇到的問題是它們看起來都不一樣。我看到類似this的網站有自定義設計的分享按鈕。有人知道如何解決這個問題的好教程或有任何指示嗎？如何製作自定義分享按鈕

2011-04-22 Nicolae Surdu

分享一個臉書很容易，這裏是我的自定義分享按鈕的HTML。

<div id="share_div"> 
    <div id="share"> 
     <a class="click" href="http://www.facebook.com/dialog/feed?app_id={{fbapp_id}}&link={{link_url}}&message={{share_message|urlencode}}&display=popup&redirect_uri={{link_url}}" target="_blank"> 
      Share 
     </a> 
    </div> 
</div>

，所有的{{變量}}要通過正確的值來代替： fbapp_id是Facebook應用程序的ID。 link_ur l是附加到共享內容的鏈接（如鏈接到您的網站）和share_message|urlencode是共享的消息，它需要urlencoded。

而且，這裏一些CSS樣式這像一個真正的Facebook按鈕：

#share { 
    border:1px solid #0D386F; 
    background-color:#5D7DAE; 
    height:24px; 
    width: 100px; 
} 

#share a.click { 
    font-size:13px; 
    font-weight:bold; 
    text-align:center; 
    color:#fff; 
    border-top:1px solid #879DC2; 
    background-color:#5D7DAE; 
    padding: 2px 10px; 
    cursor: pointer; 
    text-decoration:none; 
    width:80px; 
    display:block; 
}

但是我讓你自定義的樂趣，只要你喜歡，重要的部分是在標籤的href

它回答你的問題嗎？

來源

2011-04-22 07:50:28 dwarfy

順便說一句，如果你想要的股份數量只是做：http://graph.facebook.com/YOUR_SHARED_URL ..例如爲huffington郵政頁面，它將是：http://graph.facebook.com/http： //www.huffingtonpost.com/sen-jon-tester/tester-pushes-to-reform-s_b_805525.html – dwarfy 2011-04-22 08:08:27

還有一些很好的按鈕可以與任何東西分享，並且您可以選擇不同的可以自定義的視覺效果：http： //www.addtoany.com/ – dwarfy 2011-04-22 08:10:41

是的，它完美地回答了我的問題。我正在尋找一個更一般的想法，但是arcain編輯了我的問題，並決定我不想知道如何在twitter上執行此操作，只能在facebook上進行。謝謝！但是你的回答讓我走上了正軌，謝謝你（這次沒有諷刺：P）！ – 2011-05-05 20:33:25

如何製作自定義分享按鈕

回答

相關問題