[小工具]部落格即時留言板 WYBOARD + 表情圖案

(Pic from: iconarchive.com)「WYBoard」這個一年多前寫的部落格留言板，根據該篇留言的回應，"表情符號" 應該會是最受歡迎的擴充功能，再來是 "留言管理" 的功能。

適逢香港朋友 コーさん 寫了很棒的「表情符號」功能，且在 コーさん 協助修改其程式碼之下，WYBOARD 得以呼叫執行這個表情符號。因此只要另外安裝這個表情符號，WYBOARD 就能使用比其他留言板(例如CBOX)更多的表情符號了。

點此看範例網頁

本文索引

• 一、增加的功能
• 二、安裝程式碼
• 三、安裝表情符號
• 四、自訂資料庫
• 五、注意事項

一、增加的功能

對於 WYBOARD 的優點、特色、及功能說明，可先參考「原始版本」→「一、特色」。

其實本篇也不算改版，因為運作方式與功能都一樣，其實也是因為沒時間進行改版，管理留言的功能仍是得等下一版。

不過為了迎接 "表情符號" 的功能，還是花時間做了以下變動：

• 1. 更改版面、配色，並修改一些 bug。
• 2. 資料庫使用新的試算表、使用新技術以加快資料的讀取速度。
• 3. 可選擇使用 "表情符號" 功能
• 4. 可使用 "客製試算表資料庫"

由於使用了新的試算表資料庫，過去曾安裝過 WYBOARD、而想更新到新版的使用者，得將舊的留言資料搬到新的資料庫才行，請再私下與 WFU 留繫此事：contact@wfublog.com

二、安裝程式碼

1. 安裝步驟：

◎ 非 Blogger：請將下面程式碼貼在支援 javascript 的區塊。

◎ Blogger：請到後台 → 版面配置 → 新增小工具 → 選擇「HTML/JavaScript」→ 填入標題、以及下面的程式碼──

1. <div id='WYB_all'><div id='WYB_comments'></div><div id='WYB_input'></div></div>
2. <script type='text/javascript'>
3. var WYB_prog = {
4. hostEmail: "YourEmail@gmail.com", // 填入email可即時收到留言通知
5. homepage: "", // 非 blogger 的部落格雙引號內請填入含 http 開頭的首頁網址
6. showCount: 10, // 顯示的留言數
7. textLimit: 100, // 每則留言的中文字數限制
8. replyText: "＠", // "回覆"的替代字元
9. inputReminder: "留言內容", // 留言框的提醒字串
10. face_gif: "N", // 若有安裝表情圖案, 請填入 "Y"
11. face_height: "25px", // 設定表情符號高度
12. formKey: "dGozTXJWN2hJVlM2dGlLVGI0azhRVXc6MA", // 置換試算表資料庫 formkey
13. sheetFeed: "0AikclfTTti-0dGozTXJWN2hJVlM2dGlLVGI0azhRVXc" // 置換試算表資料庫 feed
14. };
17. WYB_prog.pushCount=0,WYB_prog.pushPostTitle="\u5373\u6642\u7559\u8a00\u677f",WYB_prog.pushPostUrl=function(){if(WYB_prog.homepage)return WYB_prog.homepage;var b,c,d,a=window.location.hostname;return a.search("blogspot")>0?(b=a.lastIndexOf("."),c=a.substring(0,b),d="http://"+c+".com"):a},WYB_prog.dg=function(a){return document.getElementById(a)},WYB_prog.emotion=function(a){if("Y"==WYB_prog.face_gif){a="function"==typeof kemoji_replace?kemoji_replace(a):a;var b=document.createElement("style");b.innerHTML="#WYB_comments img{max-height:"+WYB_prog.face_height+"}",document.documentElement.firstChild.appendChild(b)}return a},WYB_prog.getScript=function(a,b){var c=function(){var c=jQuery;c.ajax(a).always(b)},d=function(a,b){var c=document.createElement("script");c.readyState?c.onreadystatechange=function(){("loaded"==c.readyState||"complete"==c.readyState)&&(c.onreadystatechange=null,b&&b())}:c.onload=function(){b&&b()},c.src=a,document.documentElement.firstChild.appendChild(c)},e=function(){d("http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js",c)};if("undefined"==typeof jQuery)e();else{var f=jQuery().jquery,g=f.split("."),h="1.08.2";g[1]<10&&(g[1]="0"+g[1]),f=g.join("."),h>f?e():c()}},WYB_prog.json=function(){var a="https://spreadsheets.google.com/feeds/list/"+WYB_prog.sheetFeed+"/od6/public/values?hl=zh_TW&q="+WYB_prog.pushPostUrl()+"&max-results="+WYB_prog.showCount+"1&alt=json-in-script&callback=WYB_prog.main";WYB_prog.dg("WYB_comments").innerHTML="<center><img src='https://lh5.googleusercontent.com/-EyVZ0f8J0qQ/UCeEG7aa8nI/AAAAAAAADtY/9sXw53XkYXM/s512/indicator-light.gif'/></center>",WYB_prog.getScript(a)},WYB_prog.selChange=function(a){var b=a.options[a.options.selectedIndex].text;"\u7a31\u8b9a"==b&&(a.style.backgroundColor="#fff2cc",WYB_prog.rSwitch(0)),"\u8868\u793a"==b&&(a.style.backgroundColor="#edf3f7",WYB_prog.rSwitch(0)),"\u56de\u8986"==b&&(a.style.backgroundColor="#D0C6E6",WYB_prog.rSwitch(1)),"\u8a62\u554f"==b&&(a.style.backgroundColor="#E6C3C2",WYB_prog.rSwitch(0)),"\u5410\u69fd"==b&&(a.style.backgroundColor="#d9ead3",WYB_prog.rSwitch(0))},WYB_prog.getCookie=function(a){var d,e,f,b=document.cookie.split("; "),c=b.length;for(d=0;c>d;d++)if(e=b[d].split("="),e[0]==a)return f=e[1].split("~~"),f?f:e[1];return""},WYB_prog.writeCookie=function(a,b){var c=new Date;c.setTime(c.getTime()+31536e6),document.cookie=a+"="+b+";path=/;expires="+c.toGMTString()},WYB_prog.submitComment=function(){if(WYB_prog.pushCount>1)return void alert("\u5df2\u9023\u7e8c\u7559\u8a00\u5169\u6b21\uff0c\u8acb\u5148\u96e2\u958b\u672c\u9801\u9762\u91cd\u65b0\u9032\u5165\uff0c\u624d\u80fd\u518d\u7559\u8a00\uff01");var u,v,w,x,z,A,B,a=WYB_prog.dg,b=a("WyPushSel").options[a("WyPushSel").options.selectedIndex].text,c=a("InputWyName").value,d=a("InputWyText").value,e="\u56de\u8986"==b?a("WyReplyName").value:"",f=a("InputWyContact").value,g=/[^\x00-\xff]/g,h=/[\x00-\xff]/g,i=0,j=0,k=c.replace(/</g,"&lt;").replace(/>/g,"&gt;"),l=d.replace(/</g,"&lt;").replace(/>/g,"&gt;"),m=/(http|https|ftp|dict)(:\/\/\S+?)(\.?\s|\.?$)/gi,n=f.replace(/</g,"&lt;").replace(/>/g,"&gt;"),o="",p="YourEmail@gmail.com"==WYB_prog.hostEmail?"":escape(WYB_prog.hostEmail),q=escape(WYB_prog.pushPostTitle),r=escape(e),s="",t=WYB_prog.pushPostUrl();if("\u7a31\u8b9a"==b&&(x=1),"\u8868\u793a"==b&&(x=2),"\u5410\u69fd"==b&&(x=3),"\u8a62\u554f"==b&&(x=4),"\u56de\u8986"==b&&(x=5),"\u56de\u8986\u8ab0\u5462?"==e)return void alert("\u8acb\u8f38\u5165\u8981\u56de\u8986\u7684\u66b1\u7a31\uff01");if(""==c||"\u66b1\u7a31"==c||""==d||d==WYB_prog.inputReminder)return void alert("\u8acb\u5b8c\u6574\u8f38\u5165\u66b1\u7a31\u3001\u63a8\u6587\u5167\u5bb9");if(u=d.match(g),u&&(i=u.length),u=d.match(h),u&&(j=u.length),v=2*i+j,10>v)return void alert("\u7559\u8a00\u592a\u77ed\uff0c\u4e0d\u8981\u704c\u6c34\u5594\uff01");if(v>2*WYB_prog.textLimit)return void alert("\u7559\u8a00\u9577\u5ea6 "+v+" \u5b57\u5143\uff0c\u8acb\u6e1b\u5c11\u5230 "+2*WYB_prog.textLimit+" \u5b57\u5143\u4ee5\u4e0b\uff01");if(l=l.replace(m,"<a href='$1$2' target='_blank'>$1$2</a>$3"),n.search("@")>0&&n.search(/\./)>0&&(o="mailto:"+n),n.search("http://")>=0&&n.search(/\./)>0&&(o=n.replace("http://","")),n.search("@")<0&&n.search("http://")<0&&n.search(/\./)>0&&(o=n),z=escape(k),A=escape(l),w="https://docs.google.com/spreadsheet/formResponse?hl=zh_TW&formkey="+WYB_prog.formKey+"&ifq&entry.0.single="+t+"&entry.1.single="+x+"&entry.2.single="+z+"&entry.3.single="+A+"&entry.4.single="+q+"&entry.5.single="+o+"&entry.7.single="+p+"&entry.8.single="+r+"&submit=Submit",WYB_prog.pushCount++,a("InputWyText").value="",s+=WYB_prog.pushTable(x,k,l,"today",t,"",o,e),B=a("WYB_li3"),B.style.display="block",B.innerHTML="<center><img src='https://lh5.googleusercontent.com/-EyVZ0f8J0qQ/UCeEG7aa8nI/AAAAAAAADtY/9sXw53XkYXM/s512/indicator-light.gif'/></center>",1==WYB_prog.pushCount&&(B=a("WYB_li1"),B.innerHTML=WYB_prog.emotion(s)),2==WYB_prog.pushCount&&(B=a("WYB_li2"),B.innerHTML=WYB_prog.emotion(s)),f){var C=c+"~~"+f;WYB_prog.writeCookie("WPS_user",C)}else WYB_prog.writeCookie("WPS_user",c);WYB_prog.getScript(w,WYB_prog.showLi)},WYB_prog.showLi=function(){var a=WYB_prog.dg,b=a("WYB_li1"),c=a("WYB_li2"),d=a("WYB_li3");1==WYB_prog.pushCount&&(b.style.display="block",d.style.display="none",d.innerHTML=""),2==WYB_prog.pushCount&&(c.style.cssText="display: block;",d.style.display="none",d.innerHTML="")},WYB_prog.pushTable=function(a,b,c,d,e,f,g,h){var i,j,k,m;return 1==a&&(i="style='color:#e69138; padding: 1px; border:#e69138 1px solid;'",j="\u63a8"),2==a&&(i="style='color:#3d85c6; padding: 1px; border:#3d85c6 1px solid;'",j="\u2192"),3==a&&(i="style='color:#6aa84f; padding: 1px; border:#6aa84f 1px solid;'",j="\u5653"),4==a&&(i="style='color:#cc0000; padding: 1px; border:#cc0000 1px solid;'",j="\uff1f"),5==a&&(i="style='color:#98245E; padding: 1px; border:#98245E 1px solid;'",j="\u27a5",h=" "+WYB_prog.replyText+" <span class='WYB_name'>"+h+"</span>"),g&&(g.search("@")<0&&(g="http://"+g),b="<a href='"+g+"' target='_blank'>"+b+"</a>"),k=""==f?"":"-- <a href='"+e+"' target='_blank'>"+f+"</a>",m="<span class='WYB_push' "+i+">"+j+" </span><div class='WYB_content'><span class='WYB_name'><b>"+b+"</b></span>"+h+"\uff1a<div class='WYB_text'>"+c+"</div><span class='WYB_title'>"+k+"</span><span class='WYB_date'>"+d+"</span></div><div style='clear: both'></div>"},WYB_prog.rSwitch=function(a){var b=WYB_prog.dg,c=b("WyReplyName"),d=b("InputWyContact"),e="none",f="inline-block";0==a&&(c.style.display=e),1==a&&(c.style.display=f),2==a&&(d.style.display=d.style.display==f?e:f)},WYB_prog.main=function(a){var m,n,p,q,b=WYB_prog.dg,c=a.feed.entry?a.feed.entry.length:0,d=[],e=[],f=[],g=[],h=[],i=[],j=[],k=[],l=WYB_prog.showCount;for(n=c>l?l:c,m=0;n>m;m++){var r=a.feed.entry[m],s=r.gsx$url.$t,t=r.gsx$ipush.$t,u=unescape(r.gsx$name.$t),v=unescape(r.gsx$text.$t),w=unescape(r.gsx$title.$t),x=r.gsx$\u6642\u9593\u6233\u8a18.$t,y=r.gsx$contact.$t,z=unescape(r.gsx$temp.$t),A=x.indexOf(" ");x=x.substring(0,A),w="\u5373\u6642\u7559\u8a00\u677f"==w?"":w,d.push(s),e.push(t),f.push(u),g.push(v),i.push(w),h.push(x),j.push(y),k.push(z)}for(b("WyReplyName").name=f[0]?f[0]:"",p="<div id='WYB_li3' style='display: none; text-align: center;'></div><div id='WYB_li2' class='WYB_div' style='display: none;'></div><div id='WYB_li1' class='WYB_div' style='display: none;'></div>",m=0;n>m;m++)p+="<div class='WYB_div'>",p+=WYB_prog.pushTable(e[m],f[m],g[m],h[m],d[m],i[m],j[m],k[m]),p+="</div>";c>n&&(p+="<div class='WYB_div' style='text-align: center; margin-bottom: 2px;'><a href='javascript: void(0)' onclick='WYB_prog.showWYBlist()'>\u6309\u6b64\u770b\u6240\u6709\u7559\u8a00</a></div>"),b("WYB_comments").innerHTML=WYB_prog.emotion(p),0==c&&(q=b("WYB_li3"),q.style.display="block",q.innerHTML="\u5c1a\u672a\u6709\u7559\u8a00")},WYB_prog.init=function(){var a=WYB_prog.getCookie("WPS_user"),b="\u66b1\u7a31",c="\u7559\u4e0b email \u6216\u7db2\u5740",d=WYB_prog.inputReminder,e="";a&&(a[0]&&(b=a[0],WYB_prog.writeCookie("WPS_user",a[0])),a[1]&&(c=a[1].replace("http://",""),WYB_prog.writeCookie("WPS_user",a[0]+"~~"+c))),e="<div><button onclick='WYB_prog.rSwitch(2)' title='\u7559\u4e0b email \u6216\u7db2\u5740' style='float: right; width: 15%; cursor: pointer; padding: 0px;'>\u2709</button>",e+="<input title='\u8acb\u8f38\u5165\u66b1\u7a31' maxlength='15' style='padding-left: 2px; width: 40%; margin-right: 1%; color: #ccc;' type='text' id='InputWyName' value='"+b+'\' onclick=\'if(this.value=="\u66b1\u7a31"){this.value=""; }this.style.color="inherit";\'/>',e+="<select id='WyPushSel' onchange='WYB_prog.selChange(this);' style='color:#000000; background-color: #edf3f7; width: 40%; margin-right: 1%; '><option style='background-color: #fff2cc;'>\u7a31\u8b9a</option><option selected style='background-color: #edf3f7;'>\u8868\u793a</option><option style='background-color: #D0C6E6;'>\u56de\u8986</option><option style='background-color: #E6C3C2;'>\u8a62\u554f</option><option style='background-color: #d9ead3;'>\u5410\u69fd</option></select></div>",e+="<div style='text-align: center'><input id='WyReplyName' style='display:none; width: 70%; color: #ccc; padding-left: 2px; font-size: 11pt;' title='\u8f38\u5165\u6b32\u56de\u8986\u7684\u66b1\u7a31' type='text' onclick='if(this.value == \"\u56de\u8986\u8ab0\u5462?\"){this.value = this.name;}this.style.color=\"inherit\";' value='\u56de\u8986\u8ab0\u5462?'/></div>",e+="<div style='text-align: center'><input id='InputWyContact' style='display:none; width: 70%; color: #ccc; padding-left: 2px; font-size: 11pt;' title='\u8f38\u5165\u60a8\u7684\u806f\u7d61\u8cc7\u6599' onclick='if(this.value == \"\u7559\u4e0b email \u6216\u7db2\u5740\"){this.value = \"\";}this.style.color=\"inherit\";' type='text' value='"+c+"'/></div>",e+="<textarea id='InputWyText' style='width: 100%; height: 60px; color: #ccc; word-wrap:break-word; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;' onclick='if(this.value==\""+d+'"){this.value=""; this.style.color="inherit"}\'>'+d+"</textarea>",e+="<div><input style='font-size: 10pt; float: right; padding: 1px 10px; cursor: pointer;' type='button' value='\u9001\u51fa' onclick='WYB_prog.submitComment()'/><img onclick='WYB_prog.pushInfo()' title='\u95dc\u65bc WYB \u90e8\u843d\u683c\u5373\u6642\u7559\u8a00\u677f' style='cursor: pointer; width: 50px;' src='http://2.bp.blogspot.com/-uabPUYZB1JY/UElbDhqASzI/AAAAAAAAEN4/tvRUQ9UmnzY/s1600/WYboard.png'/></div>",WYB_prog.dg("WYB_input").innerHTML="function"==typeof kemoji_replace?kemoji_replace(e):e,WYB_prog.json()},WYB_prog.showWYBlist=function(){var a=window.open("","PushList","toolbar=0, location=0, statusbar=yes, menubar=0, scrollbars=yes, resizable=yes, titlebar=0");a.document.write("<style>img{max-height:"+WYB_prog.face_height+"}</style>"),a.document.write("<script type='text/javascript' src='https://googledrive.com/host/0BykclfTTti-0SlU3SDg5RUVtNlk/WYB-list-140103.js'></script>")},WYB_prog.pushInfo=function(){var a=(screen.width-300)/2,b=(screen.height-160)/2,c=window.open("","PushInfo","toolbar=0, location=0, statusbar=yes, menubar=0, scrollbars=yes, resizable=yes, titlebar=0, width=300, height=160, top="+b+", left="+a);c.document.write('<div style="background: url(http://lh6.ggpht.com/_aBGIyeaH_hM/TQbqkfsmkjI/AAAAAAAAA8g/vqz3hYUma9I/bg_white.jpg);"><center><img style=\'width: 100px;\' src=\'http://2.bp.blogspot.com/-uabPUYZB1JY/UElbDhqASzI/AAAAAAAAEN4/tvRUQ9UmnzY/s1600/WYboard.png\'/><br/> <b>\u90e8\u843d\u683c\u5373\u6642\u7559\u8a00\u677f</b><p/>\u7a0b\u5f0f\u8a2d\u8a08\uff1a<a style="cursor: pointer; color: #3778cd;" href="http://wayne-fu.blogspot.com/2014/01/wyboard-emotion-logo.html" target="_blank">WFU BLOG</a><br/>\u53cb\u60c5\u652f\u63f4\uff1a<a style="cursor: pointer; color: #3778cd;" href="http://bomyuimicky.blogspot.com/" target="_blank">A Casual Place</a><br/>\u8868\u60c5\u7b26\u865f\uff1a<a style="cursor: pointer; color: #3778cd;" href="http://koosan.blogspot.com/2013/12/emoticons-version-1.1.html" target="_blank">\u30b3\u30fc\u3055\u3093\u65e5\u672c\u81ea\u99d5\u904a</a><br/><input type="button" value="\u78ba\u5b9a" onclick="self.close()"/></center></div>')},WYB_prog.init();
21. </script>
22. <style>
23. #WYB_all { /* 整個 WYBOARD */
24. border: 1px solid #dddddd;
25. padding: 5px 0px;
26. }
27. #WYB_comments { /* WYBOARD 上半部 */
28. max-height: 200px;
29. margin-right: 3px;
30. overflow: auto;
31. overflow-x: hidden;
32. }
33. #WYB_comments::-webkit-scrollbar {
34. width: 10px;
35. }
36. #WYB_comments::-webkit-scrollbar-track {
37. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
38. border-radius: 5px;
39. }
40. #WYB_comments::-webkit-scrollbar-thumb {
41. border-radius: 5px;
42. -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
43. }
44. #WYB_input { /* WYBOARD 下半部 */
45. margin-top: 5px;
46. border-top: 1px dotted lavender;
47. padding: 5px;
48. }
49. .WYB_div { /* 個別留言區塊 */
50. margin: 0px 5px 5px 5px;
51. padding: 5px;
52. border: 1px dotted lavender;
53. background-color: #f0f0f0;
54. border-radius: 5px;
55. box-shadow: 1px 1px 1px #d6d6d6;
56. }
57. #WYB_comments a {
58. text-decoration: none;
59. }
60. .WYB_push {
61. float: left;
62. font-size: 115%;
63. }
64. .WYB_date { /* 日期 */
65. float: right;
66. color: #bbbbbb;
67. font-size: 80%;
68. font-style: italic;
69. }
70. .WYB_content { /* 暱稱+文字+日期區塊 */
71. margin-left: 25px;
72. word-wrap: break-word;
73. }
74. .WYB_name { /* 暱稱 */
75. color: #0b5394;
76. font-size: 110%;
77. }
78. .WYB_text { /* 留言文字 */
79. margin: 5px 0px;
80. }
81. .WYB_title {
82. font-size: 85%;
83. line-height: 110%;
84. }
85. #WYB_input input, #WYB_input select, #WYB_input textarea, #WYB_input button { /* WYBOARD 下半部各個區塊*/
86. border: 1px solid lavender;
87. border-radius: 3px;
88. background-color: #EDF3F7;
89. margin-top: 2px;
90. }
91. </style>

2. 重要參數修改：以上標示紅字的為重要參數──

◎ 非 Blogger 的部落格：最重要的是在 E 行的雙引號內填入含 http 開頭的部落格首頁網址，其餘參數請參照 Blogger 說明。

◎ Blogger：

D：紅字 "YourEmail@gmail.com" 可改為自己的 email，那麼只要一有留言，系統會立刻寄出通知。

J：若想使用表情符號，請改為 "Y"，並依照「三、安裝表情符號」的步驟進行

K：若使用表情符號，可自訂參數，來限定表情符號圖案的大小，以免影響版面。

AB：紅字 200 可改為自訂的留言區高度像素值，超過高度時會自動產生捲軸。

以上為比較重要的參數，可先存檔看一下效果，也可前往展示網站測試：

點此看範例網頁

3. 其他參數修改：

若想做更細部的設定、或想讓自己的 WYBOARD 跟別人不一樣，可參考所有綠字部分的說明，來變更參數、或修改 CSS。如下圖，這是 +Totoa Hari 的修改成果，WFU 自嘆弗如～




另外，本文為 "懶人安裝法"，CSS 的執行效率會稍差，若懂 CSS 的讀者，可自行將 V～CM 行的內容搬到範本中 </head> 之前，可得到較佳的執行效率。

其中 L～M 的藍色字串為自訂試算表資料庫之用，如果是獲得資料庫的讀者，請參考「四、自訂資料庫」的說明進行。

三、安裝表情符號

本版 WYBOARD 支援 コーさん 版本的表情圖案，請參考這篇「表情符號＋輸入表更新版＋聖誕特別版」 來安裝。

四、自訂資料庫

若需要建立自己的試算表資料庫，可以管理、刪除、修改留言資料，WFU 提供代客建置的服務，請使用本站側邊欄的表單與我聯繫。


去年在「Blogger中文社群週年慶聖誕」活動的得獎者，獎品為本站提供的試算表資料庫，將可用於這個即時留言板，請依照以下步驟，來找出程式碼 L、M 這兩行需要填入的藍色字串：

1. 登入正確的 Google 帳號，進入 Google Drive：https://drive.google.com/

2. 進入我製作的試算表檔案，檔名應該會是 "WYboard──表情符號"

3. 表單 → 編輯表單 → 如下圖：



複製如圖中最下方紅線位置的字串，這就是 L 行 formkey 要填入的藍色字串。

4. 回到主畫面，檔案 → 發佈到網路 → 取得公開資料 → RSS → 如下圖：



複製如圖中紅線位置的字串，這就是 M 行 sheetFeed 要填入的藍色字串。


以上修改完、儲存後，可以試著自己留言，成功的話能夠收到該 gmail 帳號的 email 通知、並會在試算表存入留言資料，以後可以自行編修試算表的所有內容。

五、注意事項

如前所述，本版的功能其實跟上一版一樣，因此所有的注意事項，請直接參考「上一版」→「三、使用說明」→「四、補充說明」即可。


更多實用工具：

• 本站使用的 Blogger hack 及工具整理