2 of 9

Blogging Platforms

I don't know how to self-host. Are there any third-party blogging platforms that support LikeCoin?

Medium

Before adding the LikeCoin button, please register a Liker ID.

For example, if your Liker ID is "ckxpress", your LikeCoin button link will be https://button.like.co/ckxpress

Then, add the link to the Medium article, usually at the end of it. Press "enter" to create a carriage return, and the LikeCoin button will appear automatically.

Pixnet

Pixnet provides a Chinese user interface. Please refer to the instructions provided here.

inmediahk.net

How to embed LikeCoin button into inmediahk.net

inmediahk.net only provides a Chinese user interface. Please refer to the instructions provided here.

illustBuy

How to embed LikeCoin button into illustBuy

illustBuy only provides a Chinese user interface. Please refer to the instructions provided here.

To Learn More

illustBuy – The NFT marketplace for illustration

Tipga

How to embed LikeCoin button into Tipga

Tipga only provides a Chinese user interface. Please refer to the instructions provided here.

Blink

How to embed LikeCoin button into Blink

Blink only provides a Chinese user interface. Please refer to the instructions provided here.

Blogspot

Using JavaScript in Blogspot to add LikeCoin button to end of the article or sidebar

Thanks to 浩剛 for creating the code to embed the LikeCoin button into every blog post by adding JavaScript to the sidebar tool or changing the blog theme.

Before adding the LikeCoin button, please register a Liker ID.

LikeCoin button on the sidebar

In the page settings, select a position to add the 'HTML/JavaScript' widget. Paste the following JavaScript code into it and change the [LikerID] to your Liker ID, then save it. The LikeCoin button will appear automatically.

<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>

LikeCoin button at the end of each article

Go to 'Theme' and click 'Edit HTML'. Search for data:post.body, and when you see </div>, insert the following source code, replacing [LikerID] with your 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>

Example of data:post.body below:

<!-- 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>

Add the source code after the closing </div> tag, so it becomes:

<!-- 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>

If there are two instances of data:post.body in the 'Edit HTML' section, you have to edit both because one is for desktop and the other is for mobile. Please note that you have to change to "Custom" for the mobile version in order for the LikeCoin button to display.

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

If your other blog services support a change of theme, you may try to add a LikeCoin button by this method.

SteemCN

How to embed LikeCoin button into SteemCN

Before adding the LikeCoin button, please register a Liker ID.

Input Liker ID into the "Location" field, the format is likerid:[LikerID]. For example if you Liker ID is ckxpress, the content to input is Likerid:ckxpress

Then, click "Update"

LikeCoin button will appear in each and every of our articles.

Wix / Weebly

How to embed LikeCoin button into Wix

Before adding the LikeCoin button, please register a Liker ID.

Create your LikeCoin button link according to the format below:

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

If your Liker ID is ckxpress, URL is https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin

Your LikeCoin button link should be https://button.like.co/in/embed/ckxpress/button?referrer=https://ckxpress.wixsite.com/likecoin/single-post/2020/02/22/LikeCoin

Then open Edit HTML mode, copy and paste the following code into the position where your LikeCoin button to display. Please note that you have to replace the {{ src }} to be your LikeCoin button link.

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

Like This

<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>

After saving the code, the LikeCoin button will display on your article. You may want to use the advanced CSS function of WIX and modify the look and feel of the button.

.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%;
}

Reference

likecoin / LikeCoinButton-integration iframe

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

Weebly users can follow the same procedures to add a LikeCoin button.

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

You can also add LikeCoin button by the Javascript way, please refer to:

Blogspot

Write.as

How to embed LikeCoin button into Write.as

Thanks to the user 夏 for providing the tutorial.

Before adding the LikeCoin button, please register a Liker ID.

First of all you have to register Write.as Pro to use Javascript.

Change the Javascript code's [LikerID] into your Liker ID, and post them into the "Custom Javascript" setting. Add CSS to adjust the fonts and outlook of the LikeCoin button if required.

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>");
}