2019.05更新
感謝浩剛大大把修改blogger或其他blog樣版的教學做出來了!!這樣就可以不用像我下面教的老方法一篇一篇貼了,可以自動貼了喔喔喔!
以JavaScript在Blogger等各家網誌的文末、側欄產生LikeButton
pixnet的likecoin外掛,不用一篇篇貼連結了!
原本只是想研究likecoin能不能放在blogger上,結果雖然弄好了,但被推坑wordpress,又買了網域名稱跟主機,然後再次搬家、弄版型……週末就過了(爆)
總之,順便記錄一下「LikeCoin如何放在Blogger或其他地方」。
什麼是likecoin?
Likecoin是一種虛擬貨幣(可以想像成比特幣那樣),但Likecoin基金會有個很棒的理念,他們覺得網路上的創作者辛苦創作換來的like(讚),能不能化為實值的收入回饋到創作者身上呢?於是likecoin就產生了。(詳見白皮書)
目前創作者得到likecoin,可以換成以太幣(又另一種虛擬貨幣),再換成美金或台幣得到實質收入。
我覺得這個想法太棒了(XD應該沒有創作者會否定這個概念),但目前Likecoin的外掛只支援wordpress平台跟medium。若是使用其他平台發文的話該怎麼辦呢?
我原本是用blogger,就試著看能不能用偷吃步的方式放likecoin,結果是ok的~
不過後來我也搬到wordpress,那就是另一個故事了…
LikeCoin如何放在Blogger或其他地方
回到正題!要怎麼把likecoin的按鈕放到blogger呢。
請照以下步驟進行!
step1.註冊likcoin帳號、綁定好以太坊錢包位置。
step2. 修改以下html碼
<iframe data-v-b66e9a5a="" src="https://button.like.co/in/embed/你的likecoin帳號/button?referrer=URL" frameborder="0" class="lc-margin-top-64 lc-margin-bottom-32 lc-mobile"></iframe>
URL為文章的網址
e.g. http://kirakirastationary.blogspot.com/2018/12/blog-post.html&type=wp
建議先發表過一次文章後,copy文章網址再貼進html碼裡,以下是用我的當範例。
<iframe data-v-b66e9a5a="" src="https://button.like.co/in/embed/raypuppy/button?referrer=http://kirakirastationary.blogspot.com/2018/12/blog-post.html&type=wp" frameborder="0" class="lc-margin-top-64 lc-margin-bottom-32 lc-mobile"></iframe>
step3.貼到blog裡面,記得要選html編輯模式
step4.預覽看看有沒有問題,沒有的話更新就完成了
此方法也適用於其他blogger平台或一般網頁中(只要用html編輯把語法貼上即可)。
比較麻煩的是要一篇一篇貼,不能像wordpress設好之後就每一篇文章都有了QQ
希望likecoin早點推出其他blog平台的外掛啊啊XD
延伸閱讀
什麼是likecoin?
如何裝likecoin安裝到wordpress中
把已經註冊好的虛擬錢包裝上手機
如何把你的LikeCoin變成台幣(上):LIQUID交易所帳號申請與認證教學
如何將電子貨幣LikeCoin兌換台幣(上),台灣BitoPro與LIQUID申請部分
如果您喜歡我的文章,請在文章最末按5下Like!
我將得到likecoin的回饋:)
回饋由likecoin基金會出資,您只要註冊/登入帳號(fb、google帳號都可以註冊,流程超快),按五次左鍵,可以贊助我的文章且完全不會花到錢!
支持創作,正向交流:)
16 thoughts on “LikeCoin如何放在Blogger或其他地方”
Keith
(28 1 月, 2019 - 12:03 下午)Where will likecoin provide direct support on blogger, I thing some creators like me using blogger and will not change to the others platform at this time
David Ng
(4 2 月, 2019 - 3:09 上午)建議HTML碼改成為:
URL為文章的網址
e.g. http://kirakirastationary.blogspot.com/2018/12/blog-post.html&type=wp
ami
(11 2 月, 2019 - 2:37 上午)感謝建議~
讓你的讚賞成為實質的贊助:LikeCoin - ...:: Empty Space ::...全部隨手寫
(17 6 月, 2019 - 1:24 上午)[…] 不過第一個目前只有 WordPress 支援 plug-in,Medium 也可方便插入語法,其他的就只能利用第二種方法才能提供獲得LikeCoin 。不過 Ami 大大寫了一篇文章教學了可以在 Blogger 或其他地方放置Like button,有需要的可以參考看看! […]
[小結] LikeCoin 半年小收益 - ...:: Empty Space ::...全部隨手寫
(17 6 月, 2019 - 3:55 上午)[…] Ami 大大知道 […]
Jerry
(13 8 月, 2019 - 5:23 上午)想請問一下我照你的方式去修改(我用wix)
但是我發現likecoin我桌機去看都沒辦法想原本的呈現那麼大
他都小小的,有辦法讓他比較大一點嗎?
我之前試著調整它的數字 64和32那個(我以為是長寬)
結果沒有改變耶 (救命)
ami
(13 8 月, 2019 - 5:40 上午)有沒有可能是你的CSS樣式影響到likecoin呢?
David Ng
(14 8 月, 2019 - 8:29 上午)請參考LikeCoin官方的說明
https://github.com/likecoin/LikeButton-integration/tree/master/web#2iframe
1. 加入HTML
https://github.com/likecoin/LikeButton-integration/blob/master/web/index.html
把 {{ src }} 置換成 https://button.like.co/in/embed/%5B你的Liker ID]/button?referrer=[網頁URL]
e.g https://button.like.co/in/embed/raypuppy/button?referrer=http://kirakirastationary.blogspot.com/2018/12/blog-post.html
2. 加入CSS
https://github.com/likecoin/LikeButton-integration/blob/master/web/style.css
LikeCoin團隊上
【網站技巧】用 LikeCoin(讚賞幣) 為創作者加油打氣 – Kent – 攻城濕不說的秘密
(20 12 月, 2019 - 1:45 下午)[…] LikeCoin如何放在Blogger或其他地方 […]
Kent
(8 5 月, 2020 - 6:50 上午)Hi Ami:
當初看了你的文章加入了 Liker 行列,
我主要透過痞客邦創作,所以製作了 Likecoin For 痞客邦外掛,
安裝完外掛輸入 Liker ID 後文章最下方就會出現 LikeButton 區域,
不需要每一篇都貼語法,教學網址如下
http://www.blog3c.net/blog/post/318696986-likecoin-for-pixnet
提供給大家參考,謝謝~
BR.
Kent
ami
(12 5 月, 2020 - 5:10 上午)謝謝分享!!!
LikeCoin 讚賞公民計劃,從部落格創作獲得收入 – 小云的隨便亂記
(12 9 月, 2020 - 9:09 上午)[…] 事實上,我早在去年十一月就已經註冊了Like.co的帳號,當時是好友栞邀請我一起使用(她寫了很詳細的介紹文,也可以去看看她的使用感想),但由於最早只支援WordPress和Medium,所以註冊之後我也只是偶爾按按喜歡的文章,直到今年一月Ami研究出在Blogger(或是其他部落格)放置LikeCoin按鈕的方法,我才真正開始收到回饋,不過由於這個方法必須每篇文章分別插入語法,所以我放置按鈕的進度非常~非常~~緩慢,搞到五月也才弄了七八十篇文章而已。除此之外,噗浪Plurk也可以使用哦! […]
一年多賺1萬7!我的LikeCoin被動收入盤點 - 小說家之眼▸
(15 3 月, 2021 - 2:27 下午)[…] WordPress有外掛,Blogger則是有人分享寫JavaScript的方法,另外其他地方如噗浪也可以使用,只是稍微需要一點手續。 […]
魔鬼小編
(27 8 月, 2021 - 1:46 下午)如果可以有一份裝了likecoin plugiin個人平台的名單就好了。我現在是不斷去搜。謝謝文章。我自己也裝了。
臺語是客家話
(27 4 月, 2022 - 3:05 下午)兩年過去,該網站還是沒有看到提供谷歌網誌的插件語法
ami
(10 5 月, 2022 - 8:48 上午)???
Blogger的話,本文最上方有javaScript語法的教學連結喔