使用步驟：

1. 備份 pref.js（保險起見。刪除跟重設不同，砍掉就真的沒救了！）
2. 由網址列進入 about:config（在一般網頁不可執行）
3. 執行 bookmarklet，會詢問要刪除的分支（分支指的是 nsIPrefBranch），可以輸入：

   

   • 整個分支

     例如輸入 browser.startup 會刪除 browser.startup.homepage 等項目。可以將點（.）也輸入而變成 browser.startup.，效果一樣。
     註：與 about:config 的篩選條件不同，輸入 browse 或 browser.startup.h 皆無法找到前述項目。

   • 單一項目

     例如輸入 browser.startup.homepage 就會刪掉 browser.startup.homepage 這個項目。

4. 出現確認畫面。若項目很多（超過 50 個）會再確認一遍。

   

5. 出現「已執行」訊息。不過我沒有真的檢查是否已刪除，需要重新載入才知道成功與否。

   

---

原始碼拆解：

javascript:
var v = "", b = null;
try {
  b = Components.classes["@mozilla.org/preferences-service;1"].getService(Components.interfaces.nsIPrefService);
}
catch(e) {
  alert("錯誤：無法取得 Firefox 服務。");
}
if(b) {
  while( v == "" ) {
    v = prompt("請輸入要刪除的擴充套件分支：\n（例如「megaupload.toolbar.」）","");
  }
  if( v != null ) {
    var str = "" ;
    var dot = (v.substr(-1)==".");
    var count = 0;
    b = b.getBranch(v);
    b.getChildList("",{}).forEach(function(i) {
      if( dot || i[0]=="." || i=="" ) {
        str += ( "\t" + v + i + "\n" );
        count++;
      }
    });
    if(count==0) {alert("沒有符合的項目。");}
    else if( confirm(count+" 個項目將被刪除：\n" + str + "\n") ) {
      if( count<=50 || confirm("（項目超過 50 個）確定要刪除嗎？") ) {
        b.deleteBranch("");
        alert("已執行。");
      }
    }
  }
}
void 1

• html_leq_folder  （匯出資料夾與詳細曲目資料）
  • 預覽 (.html)：html_leq_folder.html
  • 下載 (.mte)：html_leq_folder.zip (DivShare)
• html_leq_folder_index （僅匯出資料夾名稱）
  • 預覽 (.html)：html_leq_folder_index.html
  • 下載 (.mte)：html_leq_folder_index.zip (DivShare)

說明：

• 按照資料夾（folderpath）分類、排序。這點在匯出時已固定，無法更改。 
• 若音軌有註解（comment）標籤，會在標題右邊劃線，且滑鼠移上去會顯示小提示。
• 表格內容、表格標頭（th）可以隱藏／顯示。
• 沒有標題（title）的音軌，會以斜體字顯示檔名代替。
• 若把匯出的網頁跟 sorttable.js 放在同一資料夾，就可以點選表格標頭（th）排序。
• 資料稍多（大約幾 GB 音樂）時，匯出網頁可能會龐大到把瀏覽器凍住……
• 如果音樂 tag 不是 utf-8 編碼，就顯示亂碼給妳看。
• html_leq_folder_index 在 ie6 上不好看。

擷圖：（已為完整尺寸）

※設定檔（.mte）使用方式可參考官方論壇，專收匯出設定檔的討論串 Export Configuration Archive - Mp3tag Forums。

先確認改完後的用法：假設以 dp.SyntaxHighlighter.HighlightAll('code'); 啟動 SyntaxHighlighter，則網頁的 HTML 可以是 <pre class="code html">，或如原文所述用 <code> 標籤的進階語法。至於舊的 <pre name="code" class="html"> 寫法不必全面更新沒關係，仍然可以相容（當然仍不符標準）。

---

詳細步驟原文寫得很清楚，這邊只提出最後 regex 的部分：

options = options.replace(new RegExp("\\s*"+ name +"\\s*"),'');

原文中 RegExp("^"+name+"\\s") 僅符合 class="code html" 其中 code 出現在開頭的情形；改為以上 pattern 的話則會符合 class="html code  "，應該有稍微通用一點才是。

 

手動插入「彈出留言視窗」鏈結

在模版中找到 <b:includable id='comment-form' var='post'> ……（中略） </b:includable> 一段，裡面會有 <h3><data:postCommentMsg/></h3>，該 h3 就是內嵌表單上方的「張貼意見」幾個字。接著插一行鏈結的原始碼進去，變成：

<h3>
  <data:postCommentMsg/>
  <a class="comment-link" title="彈出留言視窗" expr:href='&quot;http://www.blogger.com/comment.g?blogID=把我改掉&amp;amp;postID=&amp;quot; + data:post.id + &quot;&amp;amp;isPopup=true&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,resizable=yes,width=400,height=740&quot;); return false;'>彈出視窗</a>
</h3>

其中 blogID（把我改掉）要改成自己的 blog 號碼，有疑問請參考官方說明 我的 Blog ID 號碼是多少？
其餘文字和 width 什麼的參數比較不重要，可以視需要修改。

至此就完成了…… 其實「內嵌」與「彈出視窗」應該可以共存才對，沿用彈出視窗的模板 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>彈出視窗</a> 也比較單純，不過目前這樣寫 data 都沒東西，似乎跟「表單已內嵌」相衝的樣子。

v2.04 Changelog

• NEW - Prototype 版本由 v1.4 升級至 v1.6.0.2。
• NEW - 新增 labelImage 和 labelOf 設定項目，用來改「Image 1 of 4」部分的文字。
• UPDATE - 程式碼大幅改寫。考慮全域命名空間和原生的 javascript 物件。（反正有變聰明就對了）
• FIXED - 展示有 caption（說明文字）的圖片後，再展示無 caption 的圖片，caption 會顯示 "null" 而非沿用之前的文字。
• FIXED - 按下 close 按鈕後位置不會因 focus 的框線而跑掉。

再補幾個：

• 檔案大小由 24 KB 減至 19 KB。
• 現在不會建立 myLightbox 這個物件了，之前有靠這個亂改的也會出狀況。
• 不只滑鼠左鍵，連中鍵、右鍵都會啟動 Lightbox。

使用上跟舊版相容，若之前就按官網的 How to Use 安裝，直接升級也不會有問題。

---

接下來負責的作者要修正之前寫的 以 JavaScript 啟動 Lightbox 2 (更新版) 系列文章。

以 JavaScript 啟動 Lightbox 2（又改版）

先貼上發表文章用的 HTML：

<a href="http://原圖.png">  
  <img src="http://縮圖.png" alt="替代文字" />  
</a>

之前最大問題是可能在 a 裡面又 insert 一個 a 元素，現在把整段 script 改成：（使用 Lightbox 2.04、Prototype 1.6.0.2）

$$('.postcontent img').each( function(i) {
  var fullSrc = i.src;              // 原圖的位址（預設跟縮圖位址相同）
  if( i.up('a') && i.up('a').href ) // img 外層有 a 的話，其 href 值可能就是原圖位址
  {
    var srcExt = i.up('a').href.split('.').pop().toLowerCase();
    if( srcExt == 'png' || srcExt == 'jpg' || srcExt == 'gif' || srcExt == 'bmp' )
    { fullSrc = i.up('a').href; }
  }
  if( i.up('a') ) {  // 把 Lightbox 需要的屬性/值寫到 a 上
    i.up('a').writeAttribute( { rel: 'lightbox[post]', href: fullSrc, title: i.alt } );
  }
  else {             // 外層沒有 a 就做一個包上去
    i.wrap('a', { rel: 'lightbox[post]', href: fullSrc, title: i.alt });
  }
});
Lightbox.prototype.updateImageList();   // updateImageList 會再次解析圖片，然後把 Lightbox 的功能綁上去

然後我還動了 lightbox.js 幾根寒毛：

1. 只讓左鍵啟動 Lightbox

   updateImageList: function() {   
     this.updateImageList = Prototype.emptyFunction;
   
     document.observe('click', (function(event){
       if( !Event.isLeftClick(event) ) {return;} // 插入這一行
       var target = event.findElement('a[rel^=lightbox]') || event.findElement('area[rel^=lightbox]');
       if (target) {
         event.stop();
         this.start(target);
         }
     }).bind(this));
   },

2. 把 Lightbox 內 next, prev, close 鏈結的 href='#' 全拿掉

   因為覺得 url# 出現在狀態列很礙眼，所以在原始碼的 initialize 部分把 Builder.node('a',{id:'nextLink', '#'}) 這類鏈結的 , '#' 統統刪除。
   不過滑鼠移上去的游標變成箭頭了，所以又去 lightbox.css 加上一行 #lightbox a {cursor:pointer;}。

---

測試一下連 Picasa 的圖效果如何

第一張是自己從 Picasa 複製圖片網址，第二張是在 blogger 上傳圖片時自動插入的網址。參考原始碼：

<img alt="複製圖片網址 於 Picasa" src="http://lh3.ggpht.com/bootleq/R2aEsSUz5LI/AAAAAAAAAKE/RPzxhtdHhxE/lightbox2_exh1.jpg" width="200" />
 
<a href="http://bp2.blogger.com/_z34accOoRZI/SHXJVw28caI/AAAAAAAAAVY/gjsqI3_21mI/s1600-h/sansao.png">
  <img id="BLOGGER_PHOTO_ID_5221300718735749538" alt="山臊行樂圖 - 圖片網址由 blogger 產生" src="http://bp2.blogger.com/_z34accOoRZI/SHXJVw28caI/AAAAAAAAAVY/gjsqI3_21mI/s320/sansao.png" />
</a>

好樣的，blogger 插的還是不行。換網址重貼。