版面呈現 ▌​自訂「頁尾下方的訊息按鈕」

<style type="text/css">

 .message-buttons {

    position: fixed;

    right: 24px; /* 與右邊距離 */

    bottom: 5em; /* 與底部距離 */

    z-index: 999;

    display: flex;

    flex-direction: column;

 }

  .message-alink{

    padding-bottom:10px; /* 按鈕間距離 */

  }

</style>

<div class="message-buttons">

  <a class="message-alink" href="https://ＬＩＮＥ連結" target="_blank"><img alt="" height="60" onerror="imgError(this);" src="https://ＬＩＮＥ圖片連結" width="60" /></a> 

  <a class="message-alink" href="https://ＦＢ訊息連結" target="_blank"><img alt="" height="60" onerror="imgError(this);" src="https://ＦＢ圖片連結" width="60" /></a>

</div>

\ 備註 /

ＬＩＮＥ連結格式：https://lin.ee/ＸＸＸＸＸＸ

ＦＢ訊息連結格式：https://m.me/ＸＸＸＸＸＸ

ex: 粉絲團 https://www.facebook.com/qdm.com.tw

https://m.me/qdm.com.tw or https://m.me/粉專ＩＤ

＊LINE圖片連結、FB圖片連結 需自行設計上傳於QDM圖庫，即可取得圖片連結。