茉默

喜歡攝影、植栽、閱讀和身心靈牌卡,對未知充滿了好奇~ 很多時候,相對於把話說出口,比較喜歡寫下來。

如何將LikeCoin加入Blogger

發布於
檢附圖示步驟~

前幾天剛開Blogger,今天嘗試將LikeCoin按鈕加入Blogger。

操作方式參考了Kim'Side Project的文章

以下步驟說明有多一些圖片的補充~

步驟一

進入Blogger管理後台,點選版面配置(Layout)。

再點選新增小工具(Add a Gadget )。

步驟一
步驟二

點選HTML/Java Script,填寫標題(Title)和內容(Content)。

標題的部分可寫可不寫。


步驟二

內容的部分請貼上下列內容:

請參考步驟二圖片中薄荷綠底的地方,置換成自己的Liker ID喔!

<iframe id="iframeLikeCoin" data-v-b66e9a5a="" src="" border="0" style="border-width:0px" width="300px" height="170px"></iframe>
<script>
var iframeLikeCoin = document.getElementById("iframeLikeCoin");
iframeLikeCoin.src="https://button.like.co/in/embed/[Liker ID]/button?type=wp&referrer="+window.location.href;
</script>
步驟三

移動Liker button小工具至想要區塊。

茉默是放在Page Body中網誌文章下方。

步驟三

最後到Blogger前台畫面確認結果~

確認結果

結果沒問題就完成囉 :)

若想再調整Liker button的位置,可再回到版面配置的頁面拖曳Liker button小工具做調整喔!

喜歡我的文章嗎?
別忘了給點支持與讚賞,讓我知道創作的路上有你陪伴。

CC BY-NC-ND 2.0 版權聲明

看不過癮?

一鍵登入,即可加入全球最優質中文創作社區