首先附上官方說明頁面
https://developers.facebook.com/docs/sharing/reference/share-dialog
官方頁面裡使用的是Facebook JavaScript SDK
但其實在網頁裡只需要在a標籤的超連結位置裡加入變數就可以了
 
語法結構是這樣：

<a href="https://www.facebook.com/sharer.php?u=要分享的網址&quote=要寫的留言" target="_blank">
<img src="圖片位置" />
</a>

範例：

<a href="https://www.facebook.com/sharer.php?u=http://blog.ja-anything.com/&quote=大家跟我一起用Facebook分享吧!" target="_blank">
<img src="圖片位置" />
<p>Facebook</p>
</a>

上面的語法在頁面上的按鈕會長這樣

結果是這樣

 
要注意的是超連結的後面要寫網址再寫留言喔~
 
相關文章：
在網頁上加入[用Facebook分享]的按鈕吧！ | Facebook Sharing Button
在網頁上加入[用line分享]的按鈕吧！ | LINE Social Plugins – LINE it button