line分享的設定

 

 進html mode

1. 先搜尋 <data:post.body/>

2. 兩種 分享code

• 正方形 

<div class='line-it-button' style='display: none;' data-type='share-c' data-lang='zh-Hant' ></div>
<script src='//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js' async='async' defer='defer' ></script>

• 長方形 

  <a href='javascript: void(window.open(&apos;https://lineit.line.me/share/ui?url=&apos; .concat(encodeURIComponent(location.href)) ));' title='分享給 LINE 好友'><img alt='分享給LINE好友 !' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8QWmCV_sMkMG1yVSekImF2X1XTtstWPQ7rlrJIPDhsyScT4dA9XAJ2Pjrd6sjxWN9sZJLjQ2L35b_w8G4oBfqyrFOW_FZuGPFeZA8uqd7L2v_EqJWDZ3HF26HziD4VPpOUJGnCCzFW0Y/s1600/168x40.png' width='168'/></a>  

 3.

• 放置在「<data:post.body/>」上方，LINE 分享按鈕就會在文章上方。

  放置在「<data:post.body/>」下方，LINE 分享按鈕就會在文章下方。 

FINAL ANSWERS


要將分享按鈕置於文章底部的中央，並將 "分享文章" 這四個字以綠色呈現，你可以使用以下的 HTML 和 CSS 代碼：

<data:post.body/>

<div style='height:20px;'></div>

<div style='text-align:center;'>
    <span style='color:green;'>分享文章</span>
    <div class='line-it-button' data-lang='zh-Hant' data-type='share-c' style='display: inline-block;'></div>
</div>
<script async='async' defer='defer' src='//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js'></script>
 

在這個例子中，我們將分享按鈕和 "分享文章" 文字包裹在一個 div 標籤中，並將該 div 的文字對齊設置為居中 (text-align:center;)。此外，我們將 "分享文章" 文字的顏色設為綠色 (color:green;)。分享按鈕的 display 屬性設置為 inline-block，使其與文字在同一行顯示。