2007年9月10日 星期一

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]特殊模板,如何設定可使用本程式?

注意:此為進階功能,請先衡量自身能力,再做修改
##ReadMore##
首先我們先來了解一下blog預設模板的架構,如下圖

藍色框為div class="post-title"
文章的標題,而且裡面要內含一個<a href>的文章連結(繼續閱讀的連結就是抓這裡)

綠色框為div class="post-body"
文章的內文,注意內文不能包住標題,需分開

棕色框為div class="blog-posts"
整個文章區塊(快速切換按鈕會直接加在這個div class=blog-posts的前後各一)

建議修改方式
法(1):把你的模板版型改成和上述的結構相同

法(2):修改設定,把指定的class名稱設定為現在你使用的模板內的名稱
參考參數設定頁的程式碼,依照模板的實際狀況,修改下述三行

EasyReadMoreSettings.PostTitleClassSelector = 'post-title';
紅字部份,改為「文章標題」的css class(必須用div)

EasyReadMoreSettings.PostBodyClassSelector = 'post-body';
紅字部份,改為「文章內文」的css class(必須用div)

EasyReadMoreSettings.PostsBlockSelector = 'div.blog-posts';
紅字部份,改為「整個文章區塊」的css selector
(不限定類型,可用#表示id,如'span#Blog1'表示span id='Blog1')

2007年9月9日 星期日

[預告]下一版本(2.0)更新項目

1.bug fix - 某些特定blogger模板,只會縮文第一篇的問題
2.提供新的縮文方式(可每篇自訂位置)
3.縮文模式設定(固定行數、自訂位置、Mix Mode)
4.快速切換按鈕整合(不獨立發佈)(可自行決定是否使用)
5.升級JQuery版本(1.2.1)、BloggerExt核心版本
6.改為獨立執行(不使用BloggerExt核心)

7.不等待頁面讀完,即時執行縮文動作(不一定會做)

##EasyReadMore##