2009/06/02

Abin 版 blogger 繼續閱讀 ( ver. 2007/01/19 )

繼續修正~


小鵝喜歡 blogger 的其中一個原因
就是它很複雜
複雜到一種很欠扁的地步

就像『芭瑟夫人的檔案廚』書中的 金傑美 那樣
喜歡這鬼東西的原因
就只是因為複雜


用過 blogger 的人都知道
它是沒有『繼續閱讀...』這東西的
所以
網路上有成千上萬的方法教你加入這個功能

小鵝自己也忘記
當初第一次修版面的時候
究竟是用哪裡來的語法寫的
不過
其實我一直最喜歡 Abin 前輩的方法
語法穩定度比較夠

這幾天突然發現
原本的繼續閱讀 java script 居然失效了
按下去都沒有反應
所以
剛剛又把版型挖出來
修正成 Abin 前輩的方法

有需要的話 請按這邊參考 Abin 的 blogger 繼續閱讀
( 目前最新的版本是 2007/01/19 的修正版,用起來非常順暢。)


小鵝根據自己的需求
修改了幾個地方
下面的語法當中用紅色粗體標示出來

【CSS 定義的部份】

/* Style of detail article toggle */
span.showDetail {
float: left;
border: 0px solid #333;
font-size: 12pt;
margin: 10px 0 10px 0;
padding: 0 10px 0 0px;
}

span.hideDetail {
display: none;
float: left;
border: 0px solid #333;
font-size: 12pt;
margin: 10px 0 10px 0;
padding: 0 10px 0 0px;
}

我把『繼續閱讀...』的字樣靠左
邊框取消
字體加大到 12px
並且貼齊文章的左側


其他的部份
只有修改『繼續閱讀...』語『關閉文章...』的顯示字樣

以及我是使用
〈span id="detail"〉
讓文章變成收合、打開的形式



我想
應該不會再出問題了吧?

3 則留言:

  1. 其實我最喜歡的就是繼續閱讀懶人版:http://cjhtech.blogspot.com/

    直接加成網頁元素就好了。

    你可以試試,哈。

    回覆刪除
  2. To: [ 咩哥 ]

    小鵝之前也玩過 CJH 的懶人版本,
    點這邊確實無腦到令人感動啊!

    不過話說回來,
    還是自己愛亂改 html 的那種手賤心理作祟啊~~~~~~

    回覆刪除
  3. 我是那種將改的奧義發揮到最高點的份子~
    最近又開了個Wordpress胡改一通,結果還算可以。

    http://blog.cielazure.org/

    回覆刪除