2009年5月6日 星期三

[BLOGGER]繼續閱讀懶人加強版 [版本2.x]安裝教學

Blogger Beta中Read More與Archive只顯示標題的作法
從referral中發現有人在搜尋Blogger.com Beta改版後Read more與
Archive只顯示標題的作法,我是「遵循 Blogger 古法」的邏輯再配上
新系統內建的語法後,自己摸出來感覺比較簡潔的作法,不過原來早有在
Blogger.com架站的網友公開了其他的作法。首先在 EDIT HTML 頁面中
點選Expand Widget Templates後,利用搜尋在標籤後加入下列區段:
(按ctrl+f鍵再key入欲搜尋之關鍵字就可以搜尋了)
..........略
]]>






然後在語法中搜尋,(按ctrl+f鍵就可以搜尋了)
原本的樣子是:



改成以下這個樣子(要"

"整個都去掉改成下面這個樣子:






read more...



是為了讓 read more 接本文時可以斷行,寫文章的時候,只要把想要隱藏
的文章區段用...包起來即可:

例如:開頭本文.....在這裡之前的都會顯示在桌面,
本文要隱藏的部分


收工。
用這個方法跟網友所提供以Java Script一樣的地方是,使用者都要自己下語法
去包要隱藏的文字部分;不一樣的是這個方法只用系統平台所提供的IF/ELSE來
做,簡單易改容易變化,平常在編輯Tamplate時沒有展開Widget是不會看到
多餘語法的,編輯Template的時候比較簡潔之外,輸出頁面的檔頭也比較簡潔,
另外是內文的部分而非區塊的部分儘量使用span標籤與class層級設定,且
Blog文章主要都以文字呈現的話,檔頭的Java Script越少速度一定越快,尤
其像我現在使用56K Moden撥接上線...CSS設定可以跟使用者以前依照Blogger
Help教學所做出來的設定相容,所以升級到Blogger.com Beta後其他舊文章
一樣有read more,不用回頭一篇一篇改。

另外我也試過如果要在Archive中只顯示標題的作法,這也是我所說簡單易改的
地方,只要在同樣的位置改成:






read more...


read more...


即可直接二合一,Label中還可以看到沒有被隱藏的本文,知道文章的內容在講
啥,不過這樣就變成在Archive頁面中完全沒有本文(文章都只剩下標題而已)
,減少被搜尋引擎搜尋到的機會,不建議用;如果要連Label都要設定成只出現
標題,可以直接去參考網友寫的教學。
原本正在試做月份雲跟標籤雲,但是看到有人已經將作法放了出來(Phydeaux3
:Code for Beta Blogger Label Cloud),我也懶得試了~請直接參考即可
~:Chagg's嘴砲日記之將Blogger Beta的Label作成Label Cloud、Blogger
Beta讓Lable及Archive頁面只顯示標題、Blogger Beta讓Lable及Archive頁
面只顯示標題 Filed under : Blogger, Google, Hack, Tech, Template
安裝前注意事項:
1.若有先前有安裝其他版本(阿土伯版本、本站的1.x版本)的繼續閱讀,請先完整
移除後,再安裝
2.若你的模板本身有附繼續閱讀功能(ex:羊男的三欄式),可能會有衝突,請先想
辦法移除,或是換其他模板....
3.某些特殊的模板(如:Blogcrowds的模板),因為模板結構和blogger預設的不
相同,所以無法支援(安裝了也沒作用),請換其他模板之後,再安裝。

安裝步驟:
1.到Blogger的控制(後台)頁面
2.「版面配置」->「網頁元素」
3.按下「新增小工具」,出現可用的小工具清單
4.找一個名稱為「 HTML/JavaScript」,按下滑鼠左鍵,會進入設定的頁面
5.「標題」欄位,請填入 ##EasyReadMore##
6.「內容」部份,請複製以下程式碼填入

!!程式碼的部分無法直接貼入在文章中,程式會判斷為嵌入程式碼,故會有錯誤,
將程式碼引用於下列網址!!

7.按「儲存變更」,安裝完成!
以下網址就是整個完整的教學,感謝cjh大大的無私分享,吃果子要拜樹頭,引用
時也要記得幫cjh大推一下!!
http://cjhtech.blogspot.com/2007/09/blogger-2x.html?showComm
ent=1241584680000#c3325955304672837899

沒有留言:

張貼留言