[宅女教學]「Read more」x Blogger

Blogger 為慶祝成立十週年之際，會推出大量新功能回饋用戶。
而宅女一直期待已久的「Read more」...終於出現在 Blogger 了!!!!
(之前一直不明白為啥 xanga,wordpress,fc2blog,無名等blog也有這項功能!!而 Blogger 卻沒有(`Д´*)






其實「Read more」這個功能是叫 'After the jump'.....Σ(￣□￣; ) ←明顯這人一直都不知道,一直只叫Read more Read more.
而 'After the jump' 的中文名好像沒明確名稱，不過我聽過有人稱做「跳轉」

如果你寫的 blog 需要 post 很多圖片，又或者你是一個喜歡圖文並用的人。
那麼你就要考慮訪客的電腦，不會像你的那麼強能承受得到那麼多圖。
一兩篇 blog 應該沒有問題吧....但整頁 page 不止會顯示一兩篇 blog。

(雖然是可以自己setting文章數目，然而 set 得少又會怕別人看得少...)

當四、五篇 blog 共同存在一頁中，圖就自然是幾倍數量。
小則訪客會 lag 到哭叫｡ﾟ(ﾟ´Д｀ﾟ)ﾟ｡，大則整個瀏覽器崩潰了(゜д゜|||)

(崩潰其實多數都是發生在 Intxxxxt Exxlxre 身上)

話說有人試過到訪我 xanga 然後 Hang 了 (只不過放了些少圖和一段 youtube 在最上面而已....Orz


回歸正題！！  O3O....(噴)
想用這項新功能前! 要進入你的 blogger 的 Layout | Edit HTML(版面配置 |修改 HTML)

為確保有什麼閃失而歸咎於我，請先自行 Download Full Template (下載完整範本)

然而按步驟：

1. 點選 Expand Widget Templates(展開小裝置範本)
2. 搜尋你的 HTML，找出 <data:post.body/>
3. 然後緊接後面貼上以下的 Code
   
   <b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >


4. 完成後再按儲存。

話說在 Google 的  help article 中，以上的部份他是放到最後 (` Д´)ﾉ ┻━┻
害我弄了一整天也看不見 'After the jump' 的連結......................Orz


為配合 'After the jump' 的功能，Blogger 亦推出新版文章編輯器(the new post editor)

▲ Insert Jump Break toolbar icon ( 插入跳轉位置的按鈕 )

▼新版文章編輯器的設定方法：

Dashboard(資訊主頁) → Setting(設置) → Basic(基本) → Global Settings(一般設定)

最後再按 save settings 儲存設定


▼若然你不想使用新版文章編輯器，亦可以直接按 Edit HTML 自行加入 <!-- more -->


▼而 'After the jump' 的預設是「Read more」的字樣



▼如有需要可以在這裡更改預設的字樣



然而這個設定並不會影響 RSS 的全文輸出。



***
呼...我覺得篇 blog 的前奏，我說得太多了 -333- (即是很多廢話....)



[ 引用來源 1 ]
[ 引用來源 2 ]