Blogger 文章標題在預設的狀態下，於首頁可以點擊代表文章網址的超連結。但進入文章頁面後，文章標題就只剩下文字的功能，無法再點擊。如果以站長的角度來看，這不是什麼大不了的事，不過以訪客的角度而言，情況可能略有不同。以 WFU 的經驗，逛到一篇質量不錯的文章，想保存、分享、或稍後閱讀時，最簡單的的方式為對著文章標題按滑鼠右鍵，來複製文章網址的超連結。
因此，Blogger 的文章標題，在文章頁面沒有超連結這件事，將不利於訪客幫忙傳播、分享文章。為了改善這個狀況，以下就來說明如何修改範本，順便舉例讓文章標題比較美觀的 CSS 設定。
一、補充說明
或許很多情況下，不需要從文章標題複製連結，例如，直接從瀏覽器網址列複製網址不就好了？因此再花一點篇幅說明一下，最佳的方式還是讓訪客能從文章標題來複製文章網址，原因如下──
1. 留言網址
有時從留言進入文章，那麼網址就會像是類似以下的字串：
- http://www.wfublog.com/2012/11/bulletin-board.html?showComment=1399591215594#c2680021458947764108
相信這樣的網址對於不熟悉網路知識的訪客，會有不小的困擾。
2. 網址亂碼
有時使用了非官方範本，或裝了不知名的程式、外掛等等，會讓網址出現亂碼或無意義字串，例如：
- http://www.wfublog.com/#.TuomlFaZCSo
相信這樣的網址比起上一點，會更讓人困惑。
3. 網址放追蹤碼
許多第三方服務，為了追蹤連結點擊的成效，會在網址放追蹤碼，例如 RSS 閱讀器，點擊後的網址又更加地冗長，類似像以下：
- http://www.wfublog.com/2014/05/blogger-avoid-third-party-widget-1.html?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+WfuBlog+%28WFU+BLOG+%E9%83%A8%E8%90%BD%E6%A0%BC%E8%AA%BF%E6%A0%A1%E8%B3%87%E6%96%99%E5%BA%AB%29
二、修改文章標題超連結語法
根據「Blogger 文章區塊的程式碼」→「三、文章區塊」，我們可在範本中找到文章標題區塊的程式碼如下：
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>這段程式碼應該會找到兩段一樣的，一個是網頁版，一個是行動版，可以兩段都修改。
以上代表「文章標題」字串的程式碼為 <data:post.title/>，一共有四組。我們可以觀察到，Blogger 預設在某些條件下，會將文章標題加上超連結，語法為：
- <a expr:href='data:post.link'><data:post.title/></a>
而某些條件之下，則只有文章標題的字串。所以要完成本文的任務，只要沒有超連結的 <data:post.title/> 字串，改為以上語法即可。
然而，這並非最佳解，因為根據「Blogger 無預警轉換區域網址」事件，代表文章網址的 <data:post.url/> 字串，會將文章網址轉換為區域網址(例如 .tw)；而我們提供給訪客複製的網址字串，還是保持 .com 會比較好。
既然要改了就徹底一點，修正為 <data:post.canonicalUrl/> 更佳。做個總結，原本的文章標題區塊，可以改成以下內容(紅字為變更的內容)：
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.canonicalUrl'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.canonicalUrl'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.canonicalUrl'><data:post.title/></a>
</b:if>
<b:else/>
<a expr:href='data:post.canonicalUrl'><data:post.title/></a>
</b:if>
</b:if>
</h3>
</b:if>存檔後，文章標題不管在任何頁面，都可產生超連結了！
三、修改文章標題字型
文章標題在大部份情況下，甚至比內文更重要，值得設定不同的字型來引起訪客注意。這部份可參考「網頁中英文字型設定最佳化」來進行設定。
以 WFU BLOG 為例，選擇的文章標題字型為標楷體(可自行改用其他字型)，修改字型 CSS 的步驟如下：
1. 後台範本 → 自訂 → 進階 → 新增 CSS
2. 預設的文章標題應該位於
h3.post-title {
font-family: Arial, "全字庫正楷體", "TW-Kai", "標楷體", "BiauKai", DFKai-SB, sans-serif;
}四、修改文章標題 CSS 效果
除了字型，文章標題也可發揮創意，增加一些 CSS 效果，變得美觀一些，例如增加陰影、去除底線等等。
1. 後台範本 → 自訂 → 進階 → 新增CSS
2. 新增的 CSS 範例如下：
h3.post-title { /* 文字陰影 */
text-shadow: 2px 2px 2px #ddd;
}
h3.post-title a { /* 超連結去除底線 */
text-decoration: none;
}系列文第一篇為文章標題的簡單調校，之後會有更深入的主題，將進行 SEO 的調校。