在網頁上加入[用line分享]的按鈕吧! | LINE Social Plugins – LINE it button

screencapture-line-me-r-msg-text-1515481331704

先附上line的官方說明頁面
https://media.line.me/zh_TW/how_to_install#lineitbutton
但其實看完這個頁面還是有點不懂…
其實語法很簡單

<a href="http://line.naver.jp/R/msg/text/?大家跟我一起用Line分享吧!%0D%0Ahttp://blog.ja-anything.com/">
<img src="圖片位置" />
</a>

上面內容分享出去的文字是:
大家跟我一起用Line分享吧!
http://blog.ja-anything.com/
 
說明一下a標籤裡都是什麼東西:
http://line.naver.jp/R/msg/text/?  ←這一串字的後面再加上想寫的文字就可以了
如果要寫很多行字的話可以用%0D%0A來換行
 
另外line也貼心的準備好了各個尺寸的icon,圖片都是Retina Display用的2倍大小,大家可以在這裡下載~
guide
 
相關文章:
在網頁上加入[用Facebook分享]的按鈕吧! | Facebook Sharing Button
在網頁上加入[用line分享]的按鈕吧! | LINE Social Plugins – LINE it button

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *