沒穿方服

2008-07-01：不需要自己亂改了，Blogger in draft 已提供 Embedded comment form 來做這件事。中文改造法可參考 小Ken思路不轉彎: [Blogger in draft] 新功能：Embedded Comment Form和Star Ratings安裝。
我的情形是在後台設定意見表單位置，然後找地方插入 <b:include data='post' name='comment-form'/> 就差不多了。

偶然逛到一個 blog: fREE2Software 發現他的留言表單就直接擺在頁面下方（首頁沒放，單篇文章才有），這配置我在 google 上找了很久都沒見過，現在才看到活生生、還會跑的。立刻看了他 blogger hack 分類下的文章，可惜暫時沒有寫到，於是自己試做，結果摘要：

1. 寫成一般的 JavaScript，用修改模板的方式套用。
2. 使用流程：按下留言按鈕後，才在頁面上顯示留言表單（iframe）。
3. 未解決問題：ie 有時候看不到「視覺驗證」圖片。
4. Firefox 頁面未完全載入時，開出來的 iframe 內容不保證正確。要修正的話，可以等頁面完全載入再用 JavaScript 改留言按鈕的 onclick 屬性。
5. 表單還是很醜怪…… 所以我最後還是沒用它。

試用方式：

1. 在模板的 </header> 前面加上：
   
   檢視原始碼複製列印關於

   1. <script type='text/javascript'><!--  
   2.   var iframeHereHeight = '210px';   // iframe 高度  
   3.   function tryCommentHere(a,href) {  
   4.     // 若已有 iframe, 只做展開/收合  
   5.     if( a.nextSibling && a.nextSibling.nodeName.toLowerCase()=='iframe' && a.nextSibling.src==href ) {  
   6.       if( a.nextSibling.style.display != 'none'  ) {  
   7.         a.nextSibling.style.display = 'none';  
   8.       }  
   9.       else {  
   10.         a.nextSibling.style.display = 'block';  
   11.       }  
   12.       return;  
   13.     }  
   14.     // 若沒有 iframe, 建立新的 iframe  
   15.     var newIframeNode = document.createElement('iframe');  
   16.     newIframeNode.setAttribute('src', href);  
   17.     newIframeNode.setAttribute('style', 'display:"block";');  
   18.     newIframeNode.setAttribute('margin', 'auto');  
   19.     newIframeNode.setAttribute('width', '90%');  
   20.     newIframeNode.setAttribute('height', iframeHereHeight);  
   21.     newIframeNode.setAttribute('frameborder', '1');  
   22.     newIframeNode.setAttribute('scrolling', 'auto');  
   23.   if( !a.nextSibling ) { a.parentNode.appendChild(newIframeNode); }  
   24.   else {  
   25.     a.parentNode.insertBefore( newIframeNode, a.nextSibling );  
   26.   }  
   27. };  
   28. //--></script>  

   <script type='text/javascript'><!--
     var iframeHereHeight = '210px';   // iframe 高度
     function tryCommentHere(a,href) {
       // 若已有 iframe, 只做展開/收合
       if( a.nextSibling && a.nextSibling.nodeName.toLowerCase()=='iframe' && a.nextSibling.src==href ) {
         if( a.nextSibling.style.display != 'none'  ) {
           a.nextSibling.style.display = 'none';
         }
         else {
           a.nextSibling.style.display = 'block';
         }
         return;
       }
       // 若沒有 iframe, 建立新的 iframe
       var newIframeNode = document.createElement('iframe');
       newIframeNode.setAttribute('src', href);
       newIframeNode.setAttribute('style', 'display:"block";');
       newIframeNode.setAttribute('margin', 'auto');
       newIframeNode.setAttribute('width', '90%');
       newIframeNode.setAttribute('height', iframeHereHeight);
       newIframeNode.setAttribute('frameborder', '1');
       newIframeNode.setAttribute('scrolling', 'auto');
     if( !a.nextSibling ) { a.parentNode.appendChild(newIframeNode); }
     else {
       a.parentNode.insertBefore( newIframeNode, a.nextSibling );
     }
   };
   //--></script>

2. 然後找到「留下意見」連結的標記，類似 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>留下意見</a>，把 onclick 內容改為 onclick="tryCommentHere(this, this.href); return false;" 就行了。