通達人驛站 Blogger Platform Blog Hack Part II

這篇文章說明Blogger 平台上「通達人驛站」Prudentman Blog Hack 的過程，包括以下幾個類別：

• Blogger Platform Integrate 操作平台；
• Blogger Post Hack 內文顯示/控制；
• Blogger Side Bar Hack 側邊欄顯示/控制；
• Blogger Comment Hack 回應/意見顯示/控制；
• Blogger Speed Up加速/效能提昇；
• Blogger SEO Search engine optimizatio；
• Blogger Platform Management；
• Blogger Google Ads。

Resolve Google Tag Manager XML Error in Blogger : 'The reference to entity l must end with the ';' delimiter.'

I am trying to integrate Google Tag Manager trace code into Blogger, but getting the XML error: The reference to entity "l" must end with the ';' delimiter.

我試著把 Google Tag Manager 的 trace code 整合在 Blogger 內，但出現了 XML error: The reference to entity "l" must end with the ';' delimiter.。

以下是 Google Tag Manager 提供的 trace code

<!-- 20141223 Trace for Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KJ4PG3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><script type='text/javascript'>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

Solution 解決方法

After Google, I found an ampersand "&l" which hasn't been escaped properly from trace code. From the DTD (Document Type Definition), it suggests that we might use an entity as 3 parts: "&", "entity name", and ";", namely &l;.
在 Google 後，我發現原來 Google Tag Manager 的 trace code 內的 &l 寫法並未正確的逃脫，以 DTD 的要求來說，一個實體是由三個部份組成：一個和號 (&)、一個實體名稱、以及一個分號 (;)，所以 &l 必須寫成 &l;。

But even I used the $l; which comply the regular of DTD, the XML error message still happen. After I change to use "&l", it works.
但我發現即使改用了 DTD 建議的寫法：$l;，還是出現了相同的錯誤。後來我改用了畸型的寫法 &l 竟然就正常了。

Frankly, I really don't know why. It just works.
老實說，我還是不知道為什麼，但它就是有用！

• coderanch -ERROR: 'The reference to entity L must end with the ';' delimiter.' (Java API forum at JavaRanch)
• w3school -DTD
• Google 產品論壇 -Google Tag manager to blogger?

Jose’s Google+ profile

加速你的Blog-5 優化JavaScript

如果前面的幾篇文章《加速你的Blog-1 找到關鍵元件》、《加速你的Blog-2 優化Widget》、《加速你的Blog-3 優化檔案讀取》、《加速你的Blog-4 優化CSS》你都已經看過且執行過了，仍對自己的Blog 速度不滿意的話，那你只能繼續看這一系列文章的最後、也是比較因難的部份，透過優化 JavaScript提昇你的Blog 速度。

替Blogger(Blogspot)新增iPhone瀏覽模式

最近因為買了iPhone後就有iPhone上網測試，所以就替本站加入支援iPhone瀏覽模式，並寫了這篇文章提供大家參考。

我上網搜尋後，發現有四種方式可以替Blogger支援iPhone瀏覽模式，分別是：

• Blogger Touch 通達人驛站Blogger Touc版
• Google-gwt 通達人驛站Google-gwt版
• Intersquash 通達人驛站Intersquash版
• MoFuse

由於前三種方法是免費的，所以本文會仔細的說明優劣；最後的MoFuse是付費的，我並沒有實際試用過，所以我只能整理網路上的資訊介紹給大家。

如何用Email訂閱「通達人驛站」？

有許多的朋友向我反應不會訂閱「通達人驛站」，以下就是相關的圖解說明。

「通達人驛站」的Blogger Hack(2011/6/25更新)

為了避免自己忘記到底對 Blogspot (Blogger) 作了那些修正，所以就藉由這一篇文章記錄自己對 Blogspot 的 Blog Hack 項目，希望可以藉由這篇文章回復原狀。

因為通達人驛站已改用了內建的範本並重新使用新Hack，因此使用舊範本的這篇文章將不會再更新，如果讀者想要知道通達人驛站的最新版Hack，請參考這篇文章《Blogger打掉重練-「通達人驛站」Blogger Hack Part II》。

在Blogger 文章底下加入文章評分機制

因為訂閱文章的讀者不太喜歡留言說明他們的看法，所以就加入了文章的評分機制，希望各位讀者能點選評分機制，讓我能藉此了解你們對於文章的看法。

中文RSS貼紙製造機

因為想要作2個RSS貼紙，讓我能在兩個部落格之間作切換，所以就上網找到了這個《無料RSS画像・RSS作成サービスのRSSアイコンサイトです》。

雖然是日文網站，但因為有一些漢字，而且經過個人實際使用過後發現其實沒有那麼難，所以請大家不要害怕。我就野人獻曝，寫一些自己的心得。

解決在程式碼區塊不可<UL>和<OL>的問題

因為參考良人的大秘寶[筆記]在文章裡顯示優質的程式碼區，所以又依照自己的需求，作出了另外二種：

• 一個是可以顯示在DOS/Unix/Linux下的Command Line畫面的DOS；
• 另一個是顯示參考資料的REFERENCE。
• 最後一個是顯示程式碼的CODE。

不過，這三個都會有個另我很困擾的問題：無法在區塊內使用項目符號<UL>和編號<OL>。

在經過我棄而不捨的詢問國良先生後，他也確認這個問題後提出了解決方案，這篇文章就是在說如何解決這個問題。

在Blogger內使用引述quote

在寫文章時，有時會引述其他文章的片斷。

原本我都是使用「...」的方式來寫，不過，今天我下定決心也要試出這個功能，果然讓我試出來了！

在Blogger內使用HaloScan Trackback引用文章

因為我想要在文章後方加入一個引用的欄位，所以上網找了資料後，就著手修改Blogger。

其實可以有兩種顯示引用的方式：

• 一個是放在發文時間時間後可以顯示引用次數的；
• 另一個是放在文章尾巴，列出讓讀者引用文章的網址。

修正《為 blogger 留言區(comment) 加個對話框吧!》的錯誤

如果你像我一樣，使用《[Blogger] 為blogger 每則留言繡上數字(Numbering comments)》這個Plugin時，作者的留言不會有數字，那就需要看這篇文章了。

關於PageRank的二三事

時常有人會問我關於PageRank的事，為了避免我每次的回答都不一樣，這次，我選擇將我所知道的事一次寫出來。

修正良人的大秘寶-《標籤雲(Tag Cloud)》的錯誤

如果你像我一樣，使用良人的大秘寶-《[筆記]標籤雲(Tag Cloud)》這個Plugin時，會發現用IE讀取會發生以下的錯誤，那你就真的需要看這篇文章了。

加速你的Blog-4 優化CSS

在前面的文章《加速你的Blog-3 優化檔案讀取》，我已經介紹了如何透過優化檔案提昇Blog的速度，如果你已經看過且執行過，仍對自己的Blog仍然不滿意的話，那你可以繼續看這篇以透過優化CSS以提昇你的速度。

根據我參考其他文章的內容自己試用後，我發現確實有一些方法，能優化CSS：

1. 使用短的CSS屬性
2. 使用CSS縮寫屬性
3. 減少空白
4. 刪掉註釋
5. 使用外部的CSS檔案
6. 簡化CSS

加速你的Blog-3 優化檔案讀取

前篇文章《加速你的Blog-2 優化Widget》我們已經知道了該如何選擇Widget了，但根據我自己優化的經驗，接下來該優化的就是修改檔案讀取的方式。

加速你的Blog-2 優化Widget

在前面的文章《加速你的Blog-1 找到關鍵元件》，我已經介紹了如何了解拖慢Blog的主因。

但根據我自己調校Blog速度的經驗，最常需要被調校的通常就是Widget，也就是這些形形色色、功能不一的Widget。

因為這些Widget提供者的伺服器效能，往往決定了Widget使用者Blog的Load Time，所以慎選使用Widget的方式，就成了優化Load Time的重點。在這篇文章中我會舉幾個常見的例子，說明如何優化Widget以提昇Blog的速度。

加速你的Blog-1 找到關鍵元件

自從我換到Desert的樣式後，你知道我的Blogspot變得有多慢嗎？能慢到Timeout，導致畫面中的圖片不出來！這就厲害了吧！

為了解決這個問題，我開始上網找能加速的方法，雖然我用的是Blogspot，但其實加速Blog的原理都一樣。

所以如果你和我一樣，也嫌自己的Blogspot太慢，那你看這篇文章就對了，而且這篇文章將介紹一系列加速的方法！

快速學習修改Blogger CSS筆記(2009/5/26修改)

因為實在不能再忍受《通達人驛站》的樣式一直保持著「清爽」的樣子：
但直接套用Desert樣式又有舊版樣式的顧慮，所以就從Blogger內挑選了一個既有樣式 Rounders 4 ，最後再手動將Desert的樣式一個個套入。

設定DNS轉址Blogspot

這篇文章是我從舊文修改的，因為，原本的轉址機制已經失效（請見《通達人部落格失效檢討報告》一文），所以需要重新設定轉址到Blogger的部落格。因為我是在Pchome申請網址的，所以我是以Pchome作例子，但即使在其他地方申請轉址，設定的方法也是大同小異。