2009-09-23

官方版「繼續閱讀」(Jump Break Link)

才 Po 完一個新功能,沒多久又來一個,這次是幾乎大部分人都會用的「繼續閱讀」功能(官方叫它 Jump Break)。沒錯,這又是 Blogger 獨漏的功能之一,其實我在一開始玩 Blog 沒多久,就做了類似的 Hack:「首頁長篇文章的收合」,顧名思義,主要是做在首頁的一個修改,有些文章篇幅太大,一旦讀者連到首頁,多篇文章過多的文字和大圖擠在首頁,在閱讀和載入時都很花時間,於是很多 Blog 系統提供了類似文章摘要的設計,在首頁只顯示一部分內文,如果讀者有興趣,再點「繼續閱讀」的連結跳轉該文章的完整連結。因為當時 Blogger 不支援,所以大部分做在 Blogger 的 Hack,顯示在首頁的並不是真正的「文章摘要」,而是仍載入全文、透過 CSS 的手法隱藏掉部份段落,讓版面上比較精簡,讀取上稍稍變快(因為沒顯示出來,但還是要全載入),所以我從來不叫這類 Hack 為首頁摘要或是繼續閱讀,因為原理上是透過「隱藏」的手段顯示部份內文。也因為這樣,我之前的 Hack 才能夠提供兩種模式:一種是動態收合 (id=detail,點了連結馬上在首頁展開),另一種才是繼續閱讀 (id=fullpost)、點連結跳轉完整文章。這次官方提供的「繼續閱讀」功能,作法是在想分段的地方插入程式碼,當首頁讀到這個標記,後半段內文就都直接「不載入」,這和我 Hack 的 CSS 收合隱藏作法大不相同(雖然畫面上看起來很像),但這才是正確、有效率的「繼續閱讀」,也是一般 Hack 所做不到的。

此功能一出,網路上的教學和介紹文章也蜂擁而至,不過我第一次要試用,卻沒有人家講的那麼簡單。首先,人家說有個「插入 Jump/Break 指令」的圖示在編輯工具列,我卻看不到!除非登入「Blogger Draft」,不然那個功能圖示也出不來。原來是要先到後台的「設定」、「基本」最下面,「選取文章編輯器」時切換到「新版文章編輯器」,這樣才看得到那個圖示(新版編輯器的功能說明在此)。有了那個圖示,代表你的編輯器可以直接插入用來做「繼續閱讀」的程式碼啦!

要先套用「新版文章編輯器」

編輯器才會有插入「繼續閱讀」標籤的工具圖示

回應: 24

 

2009-09-01

新標籤工具 (Improved Label Gadgets) - Blogger 標籤雲 (Label Cloud)

標籤一向是 Blogger 中用來分類文章相當好用的功能之一(不要再問我什麼資料夾階層分類的問題了...),但一開始 Blogger 提供的「小工具模組」裡只有標籤清單,標籤一多就要拉一個很長佔空間的 List 來顯示,因為實在不喜歡,所以兩年半前我參考別人做了一個標籤雲 Hack (Label Cloud),主要作用除了顯示所有標籤,而且可以依文章數量加權排列、顯示標籤大小和顏色漸層,不過麻煩的是要改程式碼,加 Javascript 函式、定義 CSS 樣式,而且是用預設的「網頁存檔」小工具來改。現在 Blogger 「終於」推出官方版的 Blogger 工具啦(官方公告在此)!不想用 Hack 的只要去新增這個工具,就有這項功能了~(就算有 Hack,加這個工具也不會有相容性的問題..)

耍懶拖了幾天才來寫這篇介紹文章,安裝步驟很簡單,只要登入後台,到「版面配置」、「網頁元素」的頁面,想加這個工具的地方去「新增小工具」,點選新增「標籤」這個工具:

然後設定屬性:

預設是所有標籤、按字母排列、清單顯示、顯示每個標籤的文章數,如果想改成依數量加權的標籤雲,記得點選到「依頻率排序」、「以雲端顯示」(雲端二字好像不是這樣用的吧),這樣就有很不錯的標籤雲啦!

回應: 13