Powered by and 圖示來源

2008年9月4日 星期四

阿土伯版跟CJH版在用了一陣子之後,總覺得效果不好,所以今天再度把繼續閱讀改版。

這次的繼續閱讀,以效能為主。

有使用繼續閱讀的人應該會發現,文章一開始是展開的,在整個script執行完畢之後,才會收合起來。

在展開狀態下,如果本文中有影片還是圖片,它們其實已經在下載了,這樣不就失去繼續閱讀的意義嗎? 至少我個人就是要加快速度只做預覽才這加這個功能的。

現在我找一個快速的方法達成這麼目標,完全不需要script,只要css就能搞定的作法。而且不會先展開再收合,利用css的屬性變化來決定展開與否,而屬性變化由本來blogger的語法(server side)做控制。

我就一步一步告訴大家怎麼作。

第一步:
範本->修改html(->繼續),將展開小裝置範本打勾。

第二步:
尋找</head>
取代為:

<style>
<b:if cond='data:blog.pageType == "item"'>
   div.fullpost {display:inline;}
<b:else/>
   div.fullpost {display:none;}
</b:if>
</style>
  </head>


第三步:
尋找<p><data:post.body/></p>
取代為

      <p><data:post.body/></p>
<b:if cond='data:blog.pageType != "item"'>
<div align='right'>
   <a expr:href='data:post.url'>你想要的字串</a>
</div>
<br/>
</b:if>

其中 align那邊可依自己的喜好變換位置,也可加入圖,這個看個人修行,真的很想變又變不出來,那就留留言,看看能不能幫忙出點力。

第四步:
到文章中,把想收合的部分以<div class="fullpost"> </div>包起來。

這樣就大功告成了,但為了往後方便,我們把這些固定的語法寫到文章範本中。
所以……

第五步:
設定->格式->文章範本加入下面字句:

這裡是文章的開頭。
<div class="fullpost">
這裡是文章的其餘部份。
</div>


這樣,完全不需要script就能做出繼續閱讀的功能。

但它有一個小問題,當文章很短不想做收合時,它還是會必然的出現一個繼續閱讀的鏈結。

相關文章:
如何建立可擴充的文章摘要?
[改造部落格] "繼續閱讀"


ps: 另外發現一個轉code的好網頁

本文讓你覺得:

14 留言:

焦糖 莫 提到...

hi 你好:
用你這方法,他是連結到該文章
沒有收合展開的效果耶@@?
就是說點繼續閱讀後
下面應該會顯示下一篇and下下下很多偏的文章才對?
http://drs425.blogspot.com

焦糖 莫 提到...

呵^^你好 我又來了@@
請問如何加入 "有話就說,才是真性情!"
的字樣阿??
謝謝你 打擾了^^

fair 提到...

抱歉!看了好多網友提供的繼續閱讀功能,其基本要件均需要有data:post.body之字樣,但我的模板無此字樣,因此不論是java或html均無法使用,可否告知是否有其它途徑,因為學習將近2個月的blog,好不容易建立一些技巧,實在不想因更換模板而一切均要重來,謝謝!

crazyrushstar 提到...

data:post.body,只要是BLOGSPOT的用戶應該都有才對,"展開小裝置範本"這個要勾起來。

如果沒有它,文章的本文就沒了阿。

knight00931 提到...

非常好用
感謝 XD

RICKY IMAGE 提到...

請問,是不是在Firefox下依然會被下載全部圖片呢?

RICKY IMAGE 提到...

剛剛問忘了提了,因為我的網誌多是放圖片,要怎樣每篇只顯示第一章圖,或是像無名一樣可以設定只顯示每篇文章的前三行呢?

這問題困擾好久,麻煩你了~

blog marketing 提到...

網誌管理員已經移除這則留言。

crazyrushstar 提到...

Hi RICKY IMAGE:
去過你的blog看了一下... 你應該是在問完問題之後,設定成功了。
恭喜。

crazyrushstar 提到...

to blog marketing
別鬧了,一直來這邊貼廣告,不好啦~!

RICKY IMAGE 提到...

謝謝你來瀏覽過了,後來想到把想顯示出來的圖片放到 [span class="fullpost"] 之前,就解決了這個問題。
  只是缺點我不會弄成自動的,得手動修改。 ="=a

Avi 提到...

感謝您的教學,目前套用中^^

aifear楼主 提到...

谢谢你的意见~!!一直想弄部落很久了。最近发现你的部落好多东西学,我的部落也要向你学习~呵呵~~

hugo lin 提到...

作者已經移除這則留言。

張貼留言

有話就說,才是真性情!

##HIDEME##

##HIDEME##