讓 Blogger 的「意見回應」可以有「作者回覆」 (最終版)

有很多網友反應【讓 Blogger 的意見回應可以有回覆】那篇，使用 ar.js 檔案需要有自己的 Web 空間，對於初階的網友有點難度。好人做到底，再做一個不用另找網站空間的教學。相信只要一步一步做都能成功的。


一步一步來

1. 進入 設計 → 修改 HTML。

2. 勾「展開小裝置範本」。

3. 搜尋「<b:includable id='comments' var='post'>」。

4. 在它的下一行插入(貼上)下面的程式碼。

<b:if cond='data:post.allowComments'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
google.setOnLoadCallback(initializeAuthorReply);
function initializeAuthorReply(){var a=document.getElementById("comments").getElementsByTagName("H4"),b=document.getElementById("comments").getElementsByTagName("A"),c="";if(document.getElementById("comment-editor-src"))c=document.getElementById("comment-editor-src").href.replace(/-iframe/,"");else for(i=0;i<b.length;i++)if(b[i].href.indexOf("/comment.g?")>0)c=b[i].href;var l=/\s*(.+)\s+?(?:\u63d0\u5230|said)/i,m=/^\s?<p[^>]*>\s?Re:\s*(.+?)\s*&lt;(\d+)&gt;<br\/?>((?:.|\n)+)<\/p>\s?$/i,n=/postID=(\d+)/,
d="",h="",e,f,g,j={},k=0;for(i=0;i<b.length;i++)if(b[i].href.indexOf("/delete-comment.g?")>0){d=n.test(b[i].href)?RegExp.$1:"";e=document.getElementById("c"+d);f=nextElement(e);g=nextElement(f);j["c"+d]=g;h=l.test(e.innerText)?RegExp.$1:"";if(h==PostAuthor&&m.test(f.innerHTML)){if(replyID=RegExp.$2,replyMsg=RegExp.$3,j["c"+replyID])j["c"+replyID].innerHTML+='<hr noshade size="1" color="#e0e0e0" /><div align="left" style="background-color: lightyellow; padding: 4px">\u25cf<b style="color: blue">\u4f5c\u8005\u56de\u8986</b>\uff1a'+
replyMsg+'<br/><div align="right" style="font-size:8pt; color:darkgray">'+g.innerText+"</div></div>",e.style.display="none",f.style.display="none",g.style.display="none"}else k++;d='<a href="'+c+"&postBody=Re%3A%20"+encodeURIComponent(h)+"%20%3C"+d+'%3E%0D%0A" style="font: 9pt Arial; color:#8a8a8a" title="\u56de\u8986\u610f\u898b">\u56de</a>';afterEndHtml(b[i],d)}a[0].innerHTML=a[0].innerHTML.replace(/\d+/,k)}
function replyEmbedComment(a,b){var c=c+="&postBody=Re:+"+encodeURIComponent(a)+"+<"+b+">";location.href=c}function afterEndHtml(a,b){if(a.insertAdjacentHTML)return a.insertAdjacentHTML("AfterEnd",b),a.nextSibling;var c=a.ownerDocument.createRange();c.setStartAfter(a);c=c.createContextualFragment(b);a.parentNode.insertBefore(c,a.nextSibling);return a.nextSibling}function nextElement(a){return a.nextElementSibling?a.nextElementSibling:a.nextSibling}
window.navigator.userAgent.toLowerCase().indexOf("msie")<0&&(HTMLElement.prototype.__defineGetter__("innerText",function(){for(var a="",b=this.childNodes,c=0;c<b.length;c++)b[c].nodeType==1?a+=b[c].innerText:b[c].nodeType==3&&(a+=b[c].nodeValue);return a}),HTMLElement.prototype.__defineSetter__("innerText",function(a){this.textContent=a}));function HTMLDecode(a){var b=document.createElement("div");b.innerHTML=a;return b.innerText||b.textContent};
//]]>
</script>
<script type='text/javascript'>var PostAuthor=HTMLDecode(&#39;<data:post.author/>&#39;);</script>
</b:if>

 5. 按 [儲存範本]。


如何使用

1. 在登入的狀態下，每篇留言都有一個「回」字。點下去就能「回覆」了。

2. 回覆畫面第一行 Re: ... 不能刪掉唷，要從第二行開始打「回覆內容」。回覆完記得按下 [發表您的意見] 送出。

3. 如果回錯也可以刪掉重回。

進階使用者

上面的程式碼為了減少 Size 經過 Closure Compiler 編排已經亂掉了。會 JavaScript 的人可以下載 ar.js 來修改或加強自己要的樣式風格。