2010年9月24日 星期五

[Blog] 修改 Blogger 圖示及文章網頁標題

整理一下曾對 Blogger 做過的手腳,也順便作筆記。
這篇文章主要針對想要有獨特網頁圖示
或對單篇文章的標題「網誌名: 文章名稱」感到不滿的使用者。

注意:以下操作都要修改模板,建議稍微瞭解再操作。

首先,
如果要更改模板,通常都是先進入後台的「設計」頁面,
選擇「修改HTML」,然後勾選「展開小裝置範本」。
(但本次的兩種變更都不用勾「展開小裝置範本」)
不放心的話可以先下載正在使用的 Template 備份。

特殊圖示】
想要有自己的特殊圖示,非常簡單!
只要找到 <head> 及 </head> ,
在其中插入以下片段:
<link href='http://your.url/favicon.ico' rel='bookmark'/>
<link href='http://your.url/favicon.ico' rel='shortcut icon'/>
<link href='http://your.url/favicon.ico' rel='icon' type='image/gif'/>

favicon.ico 就是你要顯示的圖示,這樣就可以了。

【文章網頁標題】
在 Blogger 的單篇文章中,
預設都是使用「網誌名: 文章名稱」的方式顯示。
要更改的話,先找到:
<title><data:blog.pageTitle/></title>

更改為
<b:if cond='data:blog.pageName != &quot;&quot;'>
  <title><data:blog.pageName/>&nbsp;|&nbsp;<data:blog.title/></title>
<b:else/>
  <title><data:blog.pageTitle/></title>
</b:if>

第二行就是要修改的地方,
範例的顯示方式為「文章標題 | 網誌名稱」。


相關閱讀:
[Blog] Blogger 新增社群分享功能
[Blog] 更改 Blogger書籤按鈕 顯示方式 - CSS
 

3 則留言:

Tracy. 提到...

請問一下唷
我是新手
按照以上的教學進度

照貼~
但是他會出現
"我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已正確關閉。
XML 錯誤訊息: The entity "nbsp" was referenced, but not declared."

這......這要怎麼辦?!

((傻))

Unknown 提到...

&nbsp; 就是空白,注意一下是不是貼上後有符號有變,自己把 & 符號打進去!
(不要用複製的)
不然就把 &nbsp; 拿掉。

Unknown 提到...

你好,我是剛起步的新手
小小聲地問一個簡單問題...
請問你右邊關於總瀏覽量
以及訂閱人口圖示是怎麼用的呢?