如何在Blogger留言區加上emoji表情符號?

Google Blogger 整體來說絕對是好用的, 自行設計的彈性空間大, 零廣告, 還完全免費! 在不用花半毛錢的情況下, Google Blogger 真的是無可挑剔了. 但如果真的要從雞蛋裡挑骨頭, 就是它有些地方真的不是太 user friendly, 然後有些地方太過平淡, 不夠華麗可愛.

譬如說, 它的留言區, 沒有表情符號可使用, 有時確是令人覺得有些單調無趣. 

今天, 終於讓我找到可以在留言區使用表情符號的方法了, 感謝這位大神. 以下翻成中文做法如下, 提供給有需要的朋友:

⧪請務必先備份主題!!

➤ 部落格的主題是有"回覆"鍵的安裝表情符號的方式如下:

1) 在Blogger 後台→[主題]→[編輯 HTML]→按 Ctrl+F→在搜尋中輸入</body>→找到後在</body>上方貼入下方的程式碼

2) 在Blogger 後台→[主題]→[編輯 HTML]→按 Ctrl+F→在搜尋中輸入 <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> (或部份字串)→一共有四組, 請將下面的程式碼貼在找到的第 2 個和第 4 個的下方.

3) 在Blogger 後台→[主題]→[編輯 HTML]→按 Ctrl+F→在搜尋中輸入]]></b:skin>→在 ]]></b:skin>上方貼入下方的程式碼

貼好上面三段程式碼後, 便可按下[儲存]鍵, 接下來就可以看到表情符號在你留言區的上方囉.

想要套用自製的表情符號嗎? 也是OK的哦, 做法其實很簡單, 但是過程頗為費時就是了.

自製自己的表情符號

要使用自己的表情符號, 首先要先簡單的了解一下上方的三段表情符號程式碼.

表情符號程式碼#1 - 是JavaScript, 要更改的部份是裡面所有如下highlighted的部份:
src='http://.......blogspot.com/ ........ /s1600/tongue.gif' 

表情符號程式碼#2 - 要更改的是HTML的部份, 這裡所有的 .gif 都會和程式碼#1相對應, 所以, 如果程式碼#1裡有一個 tongue.gif, 程式碼#2 裡也會有一個, 所以要同時替換成自己的表情符號路徑. 如下圖:

➤ 可利用 Ctrl+F 在搜尋列中輸入 taunt.gif 來搜尋相應的地方, 依序替換上自己的表情符號路徑

➤ 在替換時, 務必注意不要不小心刪除了前後的 ' 符號.

表情符號程式碼#3 - 是CSS, 在更改成自己的表情符號時, 這段不用更改, 所以不用擔心.

在了解了要修的地方之後, 替換步驟如下:

1) 先準備好所有替代的表情符號
2) 依序帶入上方程式碼#1和#2裡的表情符號URL裡即可.
3) 如果自製的表情符號沒有原版的那麼多, 只需移除程式碼#2裡多餘的原版表情符號代碼即可. 如下面紅框是一組表情代碼. 可以整組刪除, 或是在前後加入<!--中間是原版整組表情符號代碼, 前後加入comment符號-->

請看2分半鐘的示範短片 - 如何替換自製的表情符號:

最後建議, 先試原版的表情符號程式碼, 在測試原版無誤後, 再來修改. 

歡迎在本文下方留言區測試. 喜歡請在粉專按讚, 謝謝.

或者 請我喝杯咖啡吧!

程式碼來源: Helplogger