Kaie"s Blog 2.0 beta!
Back to "Top"

My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr
Back to "Top"
My Secret Notebook
 Show "Table of Contents"
Contact Me
Subscribe to my Posts feed
Subscribe to my Comments feed
My Flickr

Sunday, November 12, 2006

[Blog] Expandable posts with Peekaboo view (blogger beta)

這個功能,個人覺得比起之前的「"...Read More"篇」的更為實用,因為不需要重新載入新的頁面,直接就打開來...反應速度更快,閱讀完畢時,又可馬上縮起來,不占版面空間,相當的方便 ^_^

.實作方法如下:

Step1:將底下這行加到你的template的<head>裡頭(也就是在</head>之前就對了)。
[Updated 2007/07/14] 由於原作者hosting這個javascript file的空間,已經無法承受,請繼續看底下code框框中的更新作法

將原本這一行程式碼<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' /> 
拿掉,置換成底下這一段程式碼,若你沒有加過以上那一行的,就略過,直接加以下這段code...
<script type="text/javascript">
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}

function showFullPost(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost")
spans[i].style.display = 'inline';
if (spans[i].id == "readmore")
spans[i].style.display = 'none';
}
}

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}
</script>

Step2:找到底下這段,加入紅色的部份<b:includable id='post' var='post'>
<div class='post' expr:id='"post-" + data:post.id'>
<a expr:name='data:post.id'/>

Step3:找到底下這段,同樣加入紅色的部份<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a href='javascript:void(0);'
expr:onclick='"javascript:showFull(\"post-" +
data:post.id + "\");"'>[+/-] Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a href='javascript:void(0);'
expr:onclick='"javascript:hideFull(\"post-" +
data:post.id + "\");"'>[+/-] Summary only...</a></p>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats --></div>

※若要更改"顯示文字",請自行更改上頭程式碼裡頭的"[+/-] Read More..."和"[+/-] Summary only..." 這兩個文字標籤...
Step4:基本上這樣就完成了! 最後,先登入Blogger,再到「Settings->Formatting」,將<span id="fullpost"> 想要隱藏的部分 </span>填入Formatting的框框裡即可,如此一來,每次編輯新文章時,即會自動填入所需的程式碼囉 ^_^ oh ya!!
※注意是span,並非如同之前這篇"...Read More"篇」所提到的,是用div...請小心!!

※參考文獻:
Hackosphere -> Expandable posts with Peekaboo view
How can I make show/hide links for my posts?

108 Comments:

Who: Natasha Class:
When: November 13, 2006 5:24 AM  

我想請問一下,我按照步驟複製貼上語法,可是無法儲存,出現
------------------------------
我們無法儲存您的模版
請修正下列錯誤,再重新提交您的模版。
我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已正確關閉。
XML 錯誤訊息: Element type "div" must be followed by either attribute specifications, ">" or "/>".
-------------------------------
重貼好幾次都一樣,請問是什麼問題呢

Who: Tsung-Kai Chen Class:
When: November 13, 2006 5:47 AM  

To Natasha:
我貼好像沒這個Error訊息,你再檢查一下,是不是不小心貼錯了,那個錯誤訊息的意思就是說:「你的 div 標籤 沒有正常結束」看是不是你有不小心弄錯了...

Who: lijaha Class:
When: November 22, 2006 10:49 PM  

我也有相同的問題耶o_O
Step1 & 2都很OK
可是Step3的第一句上去就被拒了...
到現在還查明不清楚是發生怎樣的問題@@

Who: Lijaha Class:
When: November 23, 2006 4:14 PM  

hihi我花了一點時間總算修好了~
非常感謝有你的資源提供~
感謝你^^

Who: Tsung-Kai Chen Class:
When: November 24, 2006 12:22 AM  

To lijaha:
不客氣..但可以請問一下,你在Step3最後弄好,是我貼的code有問題,還是你之前沒有弄好而已....有的話,再麻煩你提醒我一下囉^_^

Who: wylie Class:
When: November 30, 2006 6:21 PM  

我照你的介紹的方式完成後,用firefox看我的網站很正常,不過用IE瀏覽後"[+/-] Read More..."跟摘要間出現很大一片空白,請問是哪裡出錯了呢!? 謝謝回覆!

Who: Tsung-Kai Chen Class:
When: December 01, 2006 1:07 AM  

To wylie:
嗯,似乎真的怪怪的!!看網頁原始碼,似乎IE解讀出來時,有些比較奇怪的控制碼...你是不是在word之類的編輯器上打一打,再貼過去的呀?或是你是在哪複製之後,再貼上的,通常這樣會有些怪怪的控制碼....
要不然建議你再Po一篇新的文章,直接在Blogger裡編輯文章...試試看會不會還有這個問題!!沒有的話~~那就ok囉...^^

Who: 阿尼 Class:
When: December 18, 2006 12:11 PM  

這個功能真的很棒,瀏覽文章很方便
但我最近想換成K2的template
它的長相不太一樣
install了很久都失敗...T_T
最後只好跑來求助~~感謝

Who: Tsung-Kai Chen Class:
When: December 18, 2006 1:40 PM  

To 阿尼:
你沒說你的問題是怎樣,我也不知該如何幫你解決 ^_^,至少列出錯誤訊息給我看看囉...

Who: 阿尼 Class:
When: December 18, 2006 9:45 PM  

拍謝拍謝。
我的問題是,在k2裡面找不到div class='post'
至於b:includable id='post' var='post'倒是很多
不好意思,因為對這些語法很不熟悉,不曉得到底要取代哪些地方才行。
感謝回覆m(_ _)m

Who: 阿尼 Class:
When: December 18, 2006 10:20 PM  

我試成功了,耶!
不好意思,留了一堆留言佔版面。

Who: Tsung-Kai Chen Class:
When: December 19, 2006 12:38 AM  

To 阿尼:
哈哈...恭喜呀!!
版面是Google提供的又不用錢,有空常來.

Who: 歐蒐雷米歐 Class:
When: December 24, 2006 6:39 PM  

照著設定後,在IE下點read more都沒有用,可是在Firefox卻沒有問題,不曉得怎麼了……

Who: 歐蒐雷米歐 Class:
When: December 24, 2006 11:43 PM  

哈哈,是我自己耍白痴,註解語法寫錯了 XD

Who: Tsung-Kai Chen Class:
When: December 25, 2006 11:14 AM  

To 歐蒐雷米歐:
呵呵…下次要小心檢查,不然都浪費一堆無謂的時間亂測...^_^

Who: 阿霈 Class:
When: January 06, 2007 4:29 AM  

TO凱大

經過兩天的奮戰....
我莫名其妙的搞定了
感謝凱大 指點 ^^

Who: Tsung-Kai Chen Class:
When: January 06, 2007 4:46 AM  

To 阿霈:
真是可喜可賀呀!!恭喜..

Who: 小日本 Class:
When: January 06, 2007 3:35 PM  

請問一下
我之前在舊的blogger用的是
<span class="fullpost"></span>
可是你的教學寫的是
<span id="fullpost"></span>
不知道有沒有方法可以改成跟舊的一樣 用class
不然400多篇都要改掉有點困難....XD
先謝謝嘍

Who: Tsung-Kai Chen Class:
When: January 06, 2007 9:25 PM  

To 小日本:
好像不太行喔,我想你說舊Blogger的方法是,點一下連結到全文,但是這個方法是即時展開的,必需使用id來區別要隱藏與不要隱藏的部份..^^

Who: KNOWLEDGE Class:
When: January 10, 2007 10:03 AM  

你好。我也遇到了same problem :

我們無法儲存您的模版
請修正下列錯誤,再重新提交您的模版。
我們無法剖析您的範本,因為它的結構不完整。 請確定所有的 XML 元素均已正確關閉。
XML 錯誤訊息: Element type "div" must be followed by either attribute specifications, ">" or "/>".

我是beginner, 也不懂如何解決。我是在第二部份中出錯的,謝謝你。請問有方法解決嗎?

Who: KNOWLEDGE Class:
When: January 10, 2007 10:09 AM  

真搞笑, 一發出提問后,我又try a once.
搞好了。真的很謝謝你的分享。

Who: Tsung-Kai Chen Class:
When: January 10, 2007 7:24 PM  

To 大御心:
:D 不客氣!! Blogger就是要靠自己才有成就感.. :$

Who: Johnny Class:
When: January 19, 2007 11:18 PM  

請問一下
那 Read more跟 Summary only可以換顏色嗎?

Who: BboyLil'Fany Class:
When: January 21, 2007 12:19 AM  

請問一下...
我在用這個功能後。
在文章中貼google的影片。
展開後影片部分會變成白色的。
好像讀不到耶。
請問有辦法解決嗎?

Who: TRUST Class:
When: January 30, 2007 4:41 PM  

Thanks a lot. I can make my post expandable now!

Who: 靈魂羊=魂拼 Class:
When: February 01, 2007 1:04 AM  

不好意思
我找不到step2的地方QQ

是每個blog一定會有嘛?
如果沒有是不是可以直接新增?

Who: Pinocchio Class:
When: February 01, 2007 2:34 PM  

Dear Kaie,

Sorry for bother you, I can't find the step 2 in my template...please help, thanks!

Who: Pinocchio Class:
When: February 02, 2007 11:10 AM  

Hi Kaie,

我抓到了:p
不好意思....

Who: Tsung-Kai Chen Class:
When: February 09, 2007 3:31 PM  

To Johnny:
當然可以囉,自行加些小語法就辦得到了..^^

To BboyLil'Fany:
咦,應該是不會,會不會是你用IE的關系,若是IE的話,好像會是這樣,因為IE不會預先載入隱藏部份的HTML語法..^^

To TRUST:
恭喜啦!! 有空多來座座..

To 靈魂羊=魂拼:
應該都是會有的,我想你是忘了勾選"Expand Widget Templates",所以只看到部份的template code吧.. :)

To Pinocchio:
哈哈…找到就好!! 有問題,再留個言,最近比較有空回了..

Who: lalapo Class:
When: February 16, 2007 6:06 PM  

Hi Kaie

請問怎樣才可做到像這舊版一樣呢?
http://lalapo6668.blogspot.com/

因怎改也只能這樣
http://testlalapo.blogspot.com/

先謝

Who: Tsung-Kai Chen Class:
When: February 17, 2007 4:26 AM  

To lalapo:
使用javascript:toggleIt的方式去實作,而使用javascript:showFull和javascript:hideFull兩個合併的方法,才能達到你的目的..

Who: lalapo Class:
When: February 17, 2007 6:05 PM  

Hi Kaie:
我用toggleIt的方式去做,可是不知為何無論click那一個post title都只對最頂的那個有反應,我想是data:post.id有問題,因ie下方的show出來的javascript:togglecomments('data:post.id/')括號內依然不是post的id,試了很久也解決不了,下面是代碼,可否看看有甚麼問題呢...thanks

主要改的化碼:
http://lalapo420.googlepages.com/test.txt
改成的web:
http://testlalapo.blogspot.com/

Who: Tsung-Kai Chen Class:
When: February 18, 2007 9:43 AM  

To lalapo:
將你程式碼中的
<a href="javascript:togglecomments('data:post.id/')">
改成底下
<a href='"javascript:togglecomments(\"" + data:post.id + "\")"'>
應該就可以達到你要的目的囉..^^

Who: lalapo Class:
When: February 21, 2007 3:22 PM  

還是不成功呢..無論括號內是"\"或\"",但無論如何也要多謝你呢..^^

Who: Tsung-Kai Chen Class:
When: February 22, 2007 11:06 AM  

To lalapo:
是喔...我有試過,應該是可以的唷!!你有注意到a href=後面接的是一個"單引號"再一個"雙引號"嗎?...你直接複製我給你的語法試看看,若真的不行...那就...XD..sorry啦,沒幫上忙 :d

Who: lalapo Class:
When: February 22, 2007 9:48 PM  

複製你給我的語法後,ie下方的show出來的連結會變成http://testlalapo.blogspot.com/"javascript:togglecomments(/""%20+%20data:post.id%20+%20"/")"
click下去就變成找不到網頁喔..
會不會是我的javascript有問題呢?
如不嫌麻煩,下面是整個xml,js在head內,改後的代碼在562行
http://lalapo420.googlepages.com/test002.xml

Who: Tsung-Kai Chen Class:
When: February 23, 2007 2:12 AM  

To lalapo:
哈~~不好意思,上次沒打好,少加了個「expr:」,所以正確的應該是
<a expr:href='"javascript:togglecomments(\"" + data:post.id + "\")"'>
試試看吧!!

Who: lalapo Class:
When: February 23, 2007 4:36 AM  

To:Kaie
哈,改好後的確是get到post.id了,但是又不能縮起來喔,是不是span class="commenthidden" id="data:post.id"內id="data:post.id"又要改呢?

Who: Tsung-Kai Chen Class:
When: February 23, 2007 5:09 AM  

To lalapo:
至於你說的原因我不太清楚,沒有再去研究你所使用的toggle方法,但是我有改成我常用的方法,若不介意的話…請下載些一版本,再依您需求自行作修改。
.下載template: http://chenkaie.googlepages.com/lalapo_test002.xml
.參考資料:http://0rz.tw/5024E

Who: lalapo Class:
When: February 23, 2007 9:26 PM  

To:Kaie
多得你百忙中都給的幫忙,大致上都改好啦,你真的很厲害呀,thank you

Who: lalapo Class:
When: February 23, 2007 9:29 PM  

呀,忘了留個link給你看...
lalapo420.blogspot.com
Thanks

Who: Tsung-Kai Chen Class:
When: February 23, 2007 11:12 PM  

To lalapo:
嗯…太棒了,幫個小忙而已,別太在意.. :p ,大致上都改好啦,那就可以開始盡全力Blogging囉...Gogogo

Who: 抽筋儿 Class:
When: February 26, 2007 9:23 PM  

请问
在formatting中填“想要隱藏的部分”,每写一篇都要把想要隱藏的部分的放在span之间啊?

Who: Tsung-Kai Chen Class:
When: February 27, 2007 5:20 PM  

To 抽筋儿:
是的,沒錯…要隱藏的部份是要靠手動完成的,看你想隱藏哪部份,就將那部份包在span tag裡頭...^_^

Who: 愛上德國麵包 Class:
When: March 19, 2007 1:55 AM  

哈嚕,謝謝你的資訊 讓我解決的這個大問題,讓我這新手覺得奇怪google怎麼沒有這項功能= =另外在請教一下,因為我覺得我的行跟行之間的空隙太窄..字看起來好像都黏在一起,不知道這個要如何解決呢?謝謝你

Who: Tsung-Kai Chen Class:
When: March 19, 2007 8:33 AM  

To 愛上德國麵包:
別客氣別客氣...Blogger就是沒這功能,但夠free,要什麼功能自己來,才有成就感呀..^_^
你說的東西叫行距,你可以修改底下的css

.post {
...
line-height: 1.7em; /*加入這行,修改1.7em這個單位即可*/
...
}

Who: Pinocchio Class:
When: July 14, 2007 3:36 AM  

Kaie,

>[Updated 2007/07/14] 由於原作者hosting這個javascript file的空間,已經無法承受

這個已留意到,那麼你有辦法嗎? 謝謝!

Who: Tsung-Kai Chen Class:
When: July 14, 2007 4:18 AM  

To Pinocchio:
請往下看完code框框中的地方唷...就可以解決了..^^

Who: Pinocchio Class:
When: July 14, 2007 1:03 PM  

thank you kaie!! :)

Who: 張正霆 Class:
When: July 15, 2007 12:17 AM  

這兩天都沒在管自己的 blog,看到這篇才發現我的也不能用了 XDD 感謝哩!

Who: Tsung-Kai Chen Class:
When: July 15, 2007 11:37 PM  

To Pinocchio:
U r welcome!

To 張正霆:
還好有po這篇,不然鐵定一堆人覺得莫名奇妙壞掉了...XD

Who: JamesChiang Class:
When: July 19, 2007 3:12 PM  

kaie 你好
我之前就是一直在用這個功能
這兩天想說來換個template
結果在重新設定這個功能時
文章是可以縮起來沒錯
但是點了+/-Read more卻沒有反應
我是照你提供的新code來try
難不成我用的template無法使用這項功能嗎?
我試了好久都不行
只好來請教您了~謝謝

Who: Tsung-Kai Chen Class:
When: July 19, 2007 4:55 PM  

To JamesChiang:
咦…一時間我也看不出來,哪裡出了問題說,直覺上應該是在Step2.及Step3.這邊的步驟沒弄好....
可能你要直接砍掉重練 XD 比較快....
照理說你之前有弄成功,那你應該不陌生才是...你再試試看吧!! 要不然你不介意的話,給我account我再幫你試試..

Who: JamesChiang Class:
When: July 19, 2007 8:34 PM  

Kaie
謝謝了~~
如果你可以幫我試試
我是感激不盡
因為我試很多次了~~
不過要怎麼給你我的account
your Email?

Who: Tsung-Kai Chen Class:
When: July 19, 2007 11:54 PM  

To JamesChiang:
那就寄到 chenkaie@gmail.com 即可…記得附回郵信封唷..XD

Who: Danny Class:
When: August 14, 2007 1:12 PM  

Kai 大

我套用了這個語法後,按儲存
但所有的 ' 都變成了&#39;(<--半形)
改過,再存,一樣又變回&#39;
是為何會變這樣呢?

雖然繼續閱讀功能還是OK(在FF底下)
不知道是不是這原因讓我的網誌在IE底下變形了

Who: Tsung-Kai Chen Class:
When: August 14, 2007 5:14 PM  

To Danny:
喔..那是正常的啦,因為Blogger會自動將一些符號,如:「< > ; &」之類的自動轉換為HTML的語言,供Blogger這個BSP讀取用...不用害怕,別理他...

變形的原因,你是指哪邊怪怪的嗎,我剛看的時候,好像是ok的,還是你改好了呢..^^

Who: Danny Class:
When: August 14, 2007 9:10 PM  

Kai大

原來如此,那我還在那邊改半天 =.=

另外,變形的原因我改好了,但是用IE看,我右邊邊欄Flickr以下的東西都出不來,FF看則是正常,不知是那種原因造成這問題。

Who: Sennin32'S Class:
When: November 10, 2007 7:13 PM  

不好意思
請問一下
第一步的
script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js'
我找不到@@
head裡面好像很少標籤
也沒看到這個

而第二步我都只找的到:
div class='post hentry'
但是找不到
div class='post'
第3步也只找得到
div class='post-body entry-content'
但是找不到
div class='post-body'

是因為有改過什麼東西還是什麼的嗎@@?

Who: Tsung-Kai Chen Class:
When: November 10, 2007 7:51 PM  

To Sennin32'S:
咦,不好意思,我沒有說清楚,那是更新後的作法,因為你之前沒有加過那行,所以你找不到是正常的事,你只要直接 copy & paste 新的那些就好了,不用管那行了...
第二步的話,找到你說的那個就行了,因為你的只是多了些自定的class,沒什麼影響的...

Who: Sennin32'S Class:
When: November 10, 2007 10:41 PM  

恩 謝謝唷 我加上去了
雖然不會說語法錯誤
辦事卻預覽視窗跑出
bX-8o4rmd
這個= ="
該怎麼辦呢?

Who: Tsung-Kai Chen Class:
When: November 11, 2007 12:54 AM  

To Sennin32'S:
咦,這是什麼鬼東西呀...@@" 我也看不懂呢...sorry...就只寫那幾個怪字嗎..

Who: Sennin32'S Class:
When: November 11, 2007 2:21 PM  

恩 錯誤代碼是那個
還有出現其他訊息 什麼部落格ID之類的
會是因為我有套用範本再改的關係嗎?
還是即使有做過其他修改這些依然可以呢?
還是加進去的程式碼需要縮排嗎@@?

Who: Tsung-Kai Chen Class:
When: November 11, 2007 6:39 PM  

To Sennin32'S:
跟那些動作是沒什麼關係才對,我想用去找阿土伯"懶人包"來裝應該會比較快...這個要改來改去的,一不小心改錯的話,就不對了...

Who: 阿霈 Class:
When: November 15, 2007 1:13 PM  

凱大 你好
自從改版後...
我的繼續閱讀就壞掉了
怎樣也改不好
可以麻煩你幫忙看看嗎

http://apay1025.blogspot.com/

Who: .Riviera Class:
When: November 24, 2007 2:04 PM  

作者美化了這個HACK...
我引用了你這篇,順便加上美化的教學部分...

http://neobetas.blogspot.com/2007/11/read-more-extended.html

Who: Tsung-Kai Chen Class:
When: November 24, 2007 3:05 PM  

To .Riviera:
Good Job guys..
你的Blog也愈來愈接近完成版囉..^_^

Who: Benson Class:
When: November 25, 2007 10:50 AM  

K大您好阿
我在step3 遇到困難,我的template中有兩個
div class='post-header-line-1
且後面也不是接div class='post-body
是接 span class='post-author
那我要怎麼改呢???

Who: Tsung-Kai Chen Class:
When: November 25, 2007 11:22 AM  

To Benson:
呃…反正重點要找到底下這行
<p><data:post.body/></p>
在這行的上下方,加入原本step3.該加的部份,你試這樣子看看...

Who: address Class:
When: December 03, 2007 9:09 PM  

你的教學淺顯易懂,很棒,讓我也學會了這招,感謝你啦,雖然被我自己寫的教學弄得好累....

Who: Tsung-Kai Chen Class:
When: December 04, 2007 8:41 AM  

To address:
不客氣,這也是我偷來的吧了..@.@

Who: 錫 (Shengyoung Weng 1987~ Taiwan) Class:
When: December 09, 2007 5:42 PM  

這裡好棒好棒啊 xd ,blogspot 還蠻多東西很自由,不過不提供的東西還蠻糟糕的說,對於我這樣的懶鬼 xd

Who: Tsung-Kai Chen Class:
When: December 10, 2007 8:17 PM  

To 錫:
對呀,非常的Free,要怎麼搞,就怎麼搞...有空再多來給我捧捧場呀..

Who: Yoyo Class:
When: January 30, 2008 1:36 AM  

我找不到部分3跟4...
可以告訴我一下大概的位置嗎?!

Who: Tsung-Kai Chen Class:
When: January 30, 2008 8:54 AM  

To yoyo:
呃..這個,找類似的就行了,因為每個人的很難一模一樣,特別是你若用了非官方的template的話!
就step3來說,你找 post-body 和 data:post.body 這兩個關鍵字,應該比較好找。
step4的話,你先切換成英文介面,就知道我在說什麼了!

Who: Annie Class:
When: March 31, 2008 11:48 AM  

kaie, 我找不到第二和第三步驟, template裡面沒有翻過好幾遍@@ 怎麼辦>""< 3q

Who: Tsung-Kai Chen Class:
When: March 31, 2008 12:50 PM  

To AnnieL:
檢查一下是不是你忘了勾"Expand Widget Templates",中文好像叫作"展開xxx"的XD

Who: 用心看世界 Class:
When: May 01, 2008 1:42 PM  

Hi..

按照你的方法 讓我解決了我的問題
真是謝謝..

不過有個小問題 就是每篇文章的標籤跟回應好像沒辦法出現耶

是不是我哪裡沒注意

PS 我是使用IE

Who: Annie Class:
When: May 01, 2008 6:57 PM  

Kaie, 不好意思打擾了.
我把三個步驟都改好了, 可是卻無法拉開..
用網頁PO文的時候編輯視窗內顯示
"想要隱藏的部分", 可是無論我打在前面還是後面都無法顯示出文章內容@@"
用WLW也沒有辦法隱藏內容
可不可以幫幫我
感激不盡>///<

Who: Tsung-Kai Chen Class:
When: May 04, 2008 2:51 PM  

To 用心看世界:
回應是本來就無法出現了,blogger的回應必須在單一篇文章時,最下方才會出現回應的部份,至於"標籤"這跟這個程式完全是獨立的,不影響,可能是你忘了加"標籤"吧,或是將"標籤"隱藏掉了!

To Annie:
若都有照著作完的話,應該都會正常顯示才是,然後正確的po文方法就是:

顯示的部份<span id="fullpost"> 想要隱藏的部分 </span>

上面出來的結果會是底下:

顯示的部份
[+/-] Read More (詳全文)...

再試看看巴~~若這樣還不行,代表安裝時有出錯了!!^^

Who: Annie Class:
When: June 16, 2008 3:18 PM  

kaie, 不好意思又要麻煩你
我換了模組後script就都不見了, 結果現在這個模組裡面我找不到step2,3
這次的template很短, 我很確定沒有div id=post

請問該怎麼辦呢? 3q3q ^++^

Who: Tsung-Kai Chen Class:
When: June 17, 2008 5:42 PM  

To Annie:
你說"這次的template很短",我在猜你是不是沒有選取"Expand Widget Templates",中文好像叫"展開xxx"的..
要記得勾起來才對..^^

Who: Annie Class:
When: June 20, 2008 5:32 PM  

呵呵 成功了! 謝謝你^+++^

Who: LJ-LinJim Class:
When: July 06, 2008 9:19 PM  

非常感謝閣下清楚的教學...
還有其他網友的討論也提供了很好的建議

花了將近一小時終於弄好。

感謝各位幫助,謝謝!

Who: Tsung-Kai Chen Class:
When: July 06, 2008 9:38 PM  

To LJ-LinJim:
Ya..感謝各位的回饋,讓這個社群愈來愈好 ^^

Who: 原上草 Class:
When: July 06, 2008 10:05 PM  

凯哥,图片怎么上传到googlecode那里啊,我都不知道怎么用
请教

还有就是我看来你还是答错了我的问题,就是我说的是那个blogger固有的那个搜索条,显示有搜索框,搜索博客,下一个博客,还有可以进入控制台的那个搜索条你是怎么弄成可以隐藏/出现的!望再回答我一次,谢谢啦
也希望你能统计一下你那边打开我的博客所需要的时间,谢谢!!!!!!!!!!!!!

Who: Tsung-Kai Chen Class:
When: July 06, 2008 11:39 PM  

To 原上草:
咦,要先到googlecode開一個project,才能上傳,上網找教學吧!

咦,那我上次回答的這篇
http://chenkaie.blogspot.com/2007/12/blogger-openid-commenting-openid.html?showComment=1215046440000#comment-9197872252047810435
並沒有錯耶...你要不要仔細看一下內容呀,裡頭有提到!

我統計完開啟時間約4秒,比我的快多了..XD,我的加了一堆東西,真的快不起來了..

Who: 原上草 Class:
When: July 08, 2008 7:37 AM  

呵呵,凯哥,你永远是那么热情。我想问一下你,你这个末班要做页面加载的美化效果是怎么做的呀 ??我照其他人的方法去做都不成功的,不知道怎么搞的,还有就是你的博客再我这里看到的是严重的走样,不知道你再模板里调了什么,感觉好像是太大了,造成走样!

Who: 辦公室文具 Class:
When: August 27, 2008 3:58 PM  

so pressifional , i think i must put all my mind to understand it !!

Who: Tsung-Kai Chen Class:
When: August 28, 2008 12:02 AM  

To 辦公室文具:
都是前人的智慧呀...

Who: oOYuiOo Class:
When: September 25, 2008 11:05 PM  

The element type "b:includable" must be terminated by the matching end-tag "".

我真的不知要怎样解决这个@@
我去了加 "" 都不行,
不知关引号放在哪~

可以回回我?谢谢o(^^)o

Who: Tsung-Kai Chen Class:
When: September 27, 2008 11:50 PM  

To oOYuiOo:
那一行錯誤的意思是指,你有類似<b:include> 的東西,但沒有相對應的結束標簽如: </b:include>

Who: 尋找一個天堂 Class:
When: December 25, 2008 4:57 PM  

http://gold-beibei.blogspot.com/

請教一下,我是套用人家的面版,

如果要要改上面的連結和文字的話,

我該怎麼改呢?

對我來說很難,因為看無

Who: Tsung-Kai Chen Class:
When: December 29, 2008 11:43 PM  

To 尋找一個天堂:
Sorry這麼晚才回,開啟你下載的那個template檔,然後直接尋找Personal Mag這個Keyword,再換成你要的就ok啦

Who: 陳育寬 Class:
When: February 15, 2009 10:44 AM  

謝謝大大
我是blog新手,為了這個問題想了好久
能找到您提供的方法,真的很高興

Who: Anonymous Class:
When: March 12, 2009 11:12 AM  

搬運公司搬屋公司提供很好的
搬運服務搬屋服務方便你
搬屋,並且提供迷你倉
鋼琴搬運

Who: UReal Class:
When: March 22, 2009 7:55 PM  

Kaie兄您好, 我這幾天用了您介紹的這個方法,把我自己的blog改造了一翻。
想說在自己的格裡做個紀錄,也po了一篇和您這篇一樣的文章,在http://ureal.blogspot.com/2009/03/blog-post_1998.html,因為有很多部份和您雷同,跟您通知一下,如果您覺得這樣抄太大的話,我馬上把它拿下來。
感謝您~~

Who: Tsung-Kai Chen Class:
When: March 22, 2009 8:58 PM  

To UReal:
OK的啦,遵循CC License即可..^_^,原創者也是歪國人呀!!

Who: san Class:
When: April 07, 2009 5:08 PM  

Step2:找到底下這段,加入紅色的部份
^^版大~這部份我在[修改範本]裡面找不到這一段~~

Who: Tsung-Kai Chen Class:
When: April 07, 2009 10:32 PM  

To san:
呃...那我也沒辦法了,現在free的template太多了,只能找大概類似的了,重點就是紅字的那串!

Who: akre Class:
When: April 08, 2009 3:08 AM  

XML 錯誤訊息: Element type "div" must be followed by either attribute specifications, ">" or "/>".
囧:我快疯了!我都已经弄了5个小时了,还是没看出结尾的DRV的标签错在哪里,凯大哥能提示下么,不胜感激!!!

Who: Tsung-Kai Chen Class:
When: April 08, 2009 9:01 AM  

To akre:
這我就無法提示你什麼了,他說有問題就是那個問題,肯定是少了個結尾的tag! 加油,仔細找吧..

Who: 敖犬 Class:
When: June 03, 2009 7:21 PM  

我剛剛使用Blogger,就找到這麼好的教學了,
還用成功呢,真開心,哈哈!謝謝你喔!

Who: Tsung-Kai Chen Class:
When: June 04, 2009 12:27 AM  

@敖犬
Good Luck ^_^,有空再多來逛逛!!

Who: 羽仲 Class:
When: June 05, 2009 10:46 PM  

第一次弄就成功了=w=" 剛開始還以為Blogspot 就是很簡陋的部落格界面

沒想到可以自己玩XD

有時間一定會常常光顧的= =+

感謝這篇文章的教學

Who: 敖犬 Class:
When: June 06, 2009 3:58 AM  

有個問題想請教一下,
怎樣把 [+/-] Read More... 的字樣改在右邊顯示呢?
現在是左邊嘛,感覺放右邊比較順手一點,哈哈!
請問要怎麼改呢?

Who: Tsung-Kai Chen Class:
When: June 07, 2009 1:54 PM  

@敖犬
將底下這條css rule加進你的blog吧。
#showlink{
text-align:right;
}

Who: Tsung-Kai Chen Class:
When: June 07, 2009 1:59 PM  

@羽仲
科科...那你就完全錯了,blog的可朔性可是相當之高的呀,完全任憑你如何惡搞它!