1 of 9

其他寫作平台

我不懂自架網站，有什麼第三方寫作平台直接支援 LikeCoin 麼？

Medium

安裝讚賞鍵以前，請先註冊 Liker ID 假設你的 Liker ID 是 ckxpress，讚賞鍵的鏈結便是 https://button.like.co/ckxpress

然後，將該鏈結加到 Medium 文章（一般放到底部），輸入 "enter" 換行，讚賞鍵會自動出現。

Pixnet 痞客邦

感謝工程師用戶 Kent - 攻城濕不說的秘密創作出痞客邦專屬 LikeCoin 外掛。

安裝讚賞鍵以前，請先註冊 Liker ID。

登入痞客邦，前往痞客邦應用市集 App Market 安裝 LikeCoin For 痞客邦 APP，點「安裝」。

安裝後，點「前往設定」

輸入你的 Liker ID，再點「送出」，即可完成設定，此後每篇痞客邦文章都會自動加入讚賞鍵。

你亦可以隨時進入痞客邦應用市集 App Market ，點「已安裝功能」，隨時更改你的設定。

參考文章

【痞客邦外掛】5分鐘開始你的網站收入 - LikeCoin For 痞客邦

香港獨立媒體網

如何在香港獨立媒體網寫作賺取 LikeCoin 成就？

香港獨立媒體網經已支援整合 LikeCoin button，媒體特約作者請註冊並提供你的 Liker ID 予編輯即可。

查詢電郵：info@inmediahk.net

illustBuy

如何在 illustBuy 同人創作平台中加入 LikeCoin button

安裝讚賞鍵以前，請先註冊 Liker ID。

點 illustBuy 網站右上角「登入」並登入 illustBuy 帳戶，再點右上角你的顯示名稱

點「帳戶設定」，並在 Liker ID 欄內輸入你的 Liker ID，再點「儲存」

以後你發佈的每篇作品都會自動顯示 LikeCoin button

了解更多

專營插畫的 NFT 市場 – illustBuy

如何透過讚賞鍵賺取收入？

Tipga

如何在 Tipga 寫作賺取 LikeCoin 成就？

安裝讚賞鍵以前，請先註冊 Liker ID。

Tipga 於2021年3月13日開始支援讚賞鍵功能。

在 Tipga 中加入讚賞鍵 LikeCoin button 功能只需一個簡單步驟：

用戶登入 Tipga 帳號，在「網誌設定」中的「Liker ID (讚賞鍵) 」點「設定」，再輸入你的 Liker ID，然後再儲存。

系統會自動在每篇文章下方預設加入讚賞鍵。

參考文章

如何在 Tipga 內使用 LikeCoin Button 讚賞鍵

Blink

如何在 Blink 佈告欄文章中加入 LikeCoin button

安裝讚賞鍵以前，請先註冊 Liker ID。

先登入 Blink，撰寫文章並發佈。

依照以下格式製作你的讚賞鍵鏈結：

https://button.like.co/in/embed/[LikerID]/button?referrer=[網頁URL]

假設你的 Liker ID 是 ckxpress，網頁 URL 是 https://blink.com.tw/board/post/83713/

讚賞鍵的鏈結便是 https://button.like.co/in/embed/ckxpress/button?referrer=https://blink.com.tw/board/post/83713/

接著點「插件式/可編輯」影音，再選擇「嵌入」，將以下程式碼加到你需要顯示讚賞鍵的地方，留意要把 {{ src }} 的部份替換為讚賞鍵鏈結

<div class="likecoin-embed likecoin-button">
  <div></div>
  <iframe scrolling="no" frameborder="0" src="{{ src }}"></iframe>
</div>

亦即是這樣

<div class="likecoin-embed likecoin-button">
  <div></div>
  <iframe scrolling="no" frameborder="0" src="https://button.like.co/in/embed/ckxpress/button?referrer=https://button.like.co/in/embed/ckxpress/button?referrer=https://blink.com.tw/board/post/83713/"></iframe>
</div>

再按「OK」，讚賞鍵便會出現在文章中

你可以點「一般的」，再更改「空間維度」調整讚賞鍵顯示大小。

參考文章

likecoin / LikeCoinButton-integration iframe

Blogspot

以 JavaScript 在 Blogspot 等各家網誌的文末、側欄產生讚賞鍵

感謝用戶浩剛製作程式碼，只需透過側欄小工具或者修改佈景主題原始碼，置入 JavaScript 就可以在每篇文筆中自動產生讚賞鍵。

安裝讚賞鍵以前，請先註冊 Liker ID。

在側欄放置讚賞鍵

在版面配置的頁面，任一地方新增 "HTML/JavaScript" 小工具，貼上以下的 JavaScript 程式碼並將 [LikerID] 更改為你的 Liker ID 再儲存，讚賞鍵便會自動出現。

<script type="text/javascript">
    document.write("<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/[LikerID]/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe>");
</script>

在文章末段放置讚賞鍵

進入佈景「主題」後點「編輯HTML」並搜尋 data:post.body ，在看到 </div> 後換行插入以下程式碼，並將 [LikerID] 更改為你的 Liker ID ：

<b:if cond='data:blog.pageType == "item"'>
    <script type="text/javascript">
        document.write("<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/[LikerID]/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe>");
    </script>
</b:if>

data:post.body 舉例如下

<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

在 </div> 後加入程式碼後變成

<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<b:if cond='data:blog.pageType == "item"'>
    <script type="text/javascript">
        document.write("<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/[LikerID]/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe>");
    </script>
</b:if>

假如「編輯HTML」看到有兩個 data:post.body 有可能一個是電腦頁面，另一個是手機頁面，那麼兩邊都要放置程式碼。留意手機版面要改成「自訂」才會顯示讚賞鍵。

-------------------------

使用其他網誌服務的用戶，只要支援修改佈景主題，也可以嘗試使用這種方式加入讚賞鍵。

參考文章

以JavaScript在Blogger等各家網誌的文末、側欄產生LikeButton

LikeCoin如何放在Blogger或其他地方

SteemCN

如何在 SteemCN 寫作賺取 LikeCoin 成就？

安裝讚賞鍵以前，請先註冊 Liker ID。

登入 SteemCN，點「設置」 / "Settings"

在「位置」 / "Location" 輸入自己的 Liker ID，格式為 likerid:[LikerID]。假設你的 Liker ID 是 ckxpress，那麼輸入的內容就是 Likerid:ckxpress

再點「更新」 / "Update"

完成後每篇文章的結尾都會出現讚賞鍵。

參考文章

SteemCN添加Like Button

在SteemCN给自己的文章加上Like Button

Wix / Weebly

如何在 Wix 文章中加入 LikeCoin button

安裝讚賞鍵以前，請先註冊 Liker ID。

依照以下格式製作你的讚賞鍵鏈結：

https://button.like.co/in/embed/[LikerID]/button?referrer=[網頁URL]

假設你的 Liker ID 是 ckxpress，網頁 URL 是 https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin

讚賞鍵的鏈結便是 https://button.like.co/in/embed/ckxpress/button?referrer=https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin

接著開啟 HTML 編輯模式，將以下程式碼加到你需要顯示讚賞鍵的地方，留意要把 {{ src }} 的部份替換為讚賞鍵鏈結

<div class="likecoin-embed likecoin-button">
  <div></div>
  <iframe scrolling="no" frameborder="0" src="{{ src }}"></iframe>
</div>

亦即是這樣

<div class="likecoin-embed likecoin-button">
  <div></div>
  <iframe scrolling="no" frameborder="0" src="https://button.like.co/in/embed/ckxpress/button?referrer=https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin"></iframe>
</div>

儲存後，讚賞鍵便會出現在文章中。然而你需要使用 Wix 的進階功能加入 CSS，讓它顯示的模樣更為清淅

.likecoin-button {
  position: relative;
  width: 100%;
  max-width: 485px;
  max-height: 240px;
  margin: 0 auto;
}
.likecoin-button > div {
  padding-top: 49.48454%;
}
.likecoin-button > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

參考文章

likecoin / LikeCoinButton-integration iframe

-------------------------

Weebly 用戶也可使用同樣方式插入讚賞鍵。

-------------------------

也可以嘗試使用 JavaScript 的方式看看能否產生讚賞鍵，詳見：

Write.as

如何在 Write.as 文章中加入 LikeCoin button

感謝用戶夏的教學範本。

安裝讚賞鍵以前，請先註冊 Liker ID。

首先你需要加入 Write.as Pro 服務方可使用 Javascript。

把 Javascript 程式碼中的 [LikerID] 更改為你的 Liker ID，再將它黏貼到 Write.as 設定裡的 "Custom Javascript" 欄位，有需要可加入 CSS 調整版面字型等樣式即可。

var topP = document.createElement("p");
topP.innerHTML = '<div class="custom-nav"><a href="#">Back to top ↑</a></div>';

var cont = document.getElementById("wrapper");
if (cont !== null) {
// Add to blog index and tag pages
cont.appendChild(topP);
} else {
// Add to individual blog post page
cont = document.getElementById("post-body");
cont.insertAdjacentHTML("afterend", topP.outerHTML);
cont.insertAdjacentHTML("afterend", "<div class='custom-nav likecoin'><p>-<br><em>如果你喜歡我的文字，請幫忙按 5 下 Like！我將得到 LikeCoin 的回饋。</em></p><p>回饋由 <a rel='nofollow'  href='https://like.co/'>LikeCoin</a> 基金會出資，只要註冊/登入帳號，點 5 下 Like 就可以贊助我的文章。化讚為賞，支持創作。謝謝你！</p><iframe scrolling='no' frameborder='0' width='640' height='212' src='https://button.like.co/in/embed/[LikerID]/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe></div>");
}

參考文章

傻瓜如何加入LikeButton到Write.as網誌中

Blogspot

以 JavaScript 在 Blogspot 等各家網誌的文末、側欄產生讚賞鍵

感謝用戶浩剛製作程式碼，只需透過側欄小工具或者修改佈景主題原始碼，置入 JavaScript 就可以在每篇文筆中自動產生讚賞鍵。

安裝讚賞鍵以前，請先註冊 Liker ID。

在側欄放置讚賞鍵

在版面配置的頁面，任一地方新增 "HTML/JavaScript" 小工具，貼上以下的 JavaScript 程式碼並將 [LikerID] 更改為你的 Liker ID 再儲存，讚賞鍵便會自動出現。

<script type="text/javascript">
    document.write("<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/[LikerID]/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe>");
</script>

在文章末段放置讚賞鍵

進入佈景「主題」後點「編輯HTML」並搜尋 data:post.body ，在看到 </div> 後換行插入以下程式碼，並將 [LikerID] 更改為你的 Liker ID ：

<b:if cond='data:blog.pageType == "item"'>
    <script type="text/javascript">
        document.write("<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/[LikerID]/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe>");
    </script>
</b:if>

data:post.body 舉例如下

<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

在 </div> 後加入程式碼後變成

<!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
  <data:post.body/>
  <div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<b:if cond='data:blog.pageType == "item"'>
    <script type="text/javascript">
        document.write("<iframe scrolling='no' frameborder='0' sandbox='allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-storage-access-by-user-activation' style='height: 212px; width: 100%;' src='https://button.like.co/in/embed/[LikerID]/button?referrer="+encodeURIComponent(location.href.split("?")[0].split("#")[0])+"'></iframe>");
    </script>
</b:if>

-------------------------

使用其他網誌服務的用戶，只要支援修改佈景主題，也可以嘗試使用這種方式加入讚賞鍵。

參考文章

以JavaScript在Blogger等各家網誌的文末、側欄產生LikeButton

LikeCoin如何放在Blogger或其他地方