2008-10-27

內嵌的文章留言 (Embedded Comment Form)

自從四個月前 Blogger in Draft 發表了多項新功能後,其中除了 Import / Export 這個備份功能外,我最感興趣的就是終於有內嵌式的文章留言了。當然第一時間我也玩了一下,功能面我很滿意,但是在自訂外觀和手動調整方面限制很多,一方面懶、另一方面想說等正式版公佈後再花時間研究,所以遲遲沒有套用在 Blog 上。終於在上禮拜,Blogger 官方 Blog 宣佈這個功能在正式版上可以使用,當然我也掛來玩,發現在 Draft 上的限制依舊,但功能更完整和強大了,既然都是正式版了,那還是來更新一下吧!

官方說明該功能要啟用很簡單,只要登入 Blogger 的後台介面,在「設定」、「意見」的地方,將「意見欄位置」,從原來的地方改成「已內嵌下列文章」(Embedded below post, 嵌入文章下方,翻譯的真爛)就好了!但如果這樣啟用,在文章的下方卻沒看到可以直接回應文章的表單的話,那代表你使用了非官方的樣板、或像我曾經改動過程式碼,讓系統找不到能嵌入原始碼的地方,為求安全起見,Blogger 不敢硬塞破壞原來的版面,所以啟用後才會看不見,如果仍堅持要用這個功能,請乖乖修改程式碼 Hack 一下,才能正確啟用囉!(如果你到這個步驟就看得到內嵌的意見欄,那下面就可以跳過啦!)

嵌入式留言功能的設定方法(順利的話這個步驟就能完成)

動手修改之前,我比較了一下前後程式碼的差別。官方為了實現這個功能,產生了一段多的程式碼(照理來說這段每個人的樣板裡都有,打開「版面配置」、「修改HTML」、「開啟小裝置範本」,搜尋一下就找得到),讓使用者能 include 這個「模組」,這段原始程式碼如下(如果找不到,自己找類似的地方複製貼上):

<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
    <data:post.iframeColorizer/>
  </div>
</b:includable>

顧名思義,這個 comment-form 模組就是顯示「內嵌意見欄」的程式碼定義,仔細一看,沒錯,是用之前曾經人人喊打的 iframe 語法,如果端詳一下原始碼,會發現嵌入 iframe 裡的是一隻 Javascript 程式,不過為了實現很多神奇的功能(容後述),似乎也不得不這樣做。但也因為意見欄完全由內嵌 iframe 的 Javascript 產生,如果更要改樣式內容就變得很困難(這就是我前面說的限制),還好那個程式寫得還不錯,當嵌入 Blog 後,會根據你 Blog 的背景和文字樣式自動調整,所以顏色字型不至於格格不入。如果樣板裡有發現上面那段程式碼,接下來才進到 Hack 的重點:要找到「內嵌意見欄」程式碼的正確位置,然後塞進顯示的程式碼。

程式碼很短,但找到正確的位置很不容易(人眼都不一定看得出來,也難怪 Blogger 系統找不到),我 Google 了一些修改的文章,裡面範例的程式碼和我的樣板不大一樣,所以這裡只能交代一下「大原則」,不要問我為什麼你的樣板裡面找不到(尤其是只想 search & replace 的人),因為每個人的樣板都不一樣。原來樣板裡的「發表留言」,程式碼只不過是一行帶你到留言介面的「連結」,這個連結會塞在首頁,以及文章的後面,連結的程式碼為:

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

所以你在搜尋上面這段的時候,如果有多筆就要判斷一下(只有一筆就直接改啦),基本上是在 <p class='comment-footer'> 這一行下面、最靠近它的那一筆,才是嵌入文章下方的正確位置。上面這一行的內容是找出留言的連結網址 (a expr...)、還有顯示發表留言的訊息(<data:postCommentMsg/>,像我的 Blog 這個訊息就是「張貼意見」),要嵌入意見欄、哪天不想用又可以改回來(到「設定」、「意見」切換回「整頁模式」就行),把上面那一行取代成下面這樣(如果你原始碼裡有其他樣式定義,請自行補足):

<b:if cond='data:post.embedCommentForm'>
  <b:include data='post' name='comment-form'/>
<b:else/>
  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>

有點程式基礎的應該看得懂,我用了一個 if 的判斷句,如果在設定那邊開啟「已內嵌下列文章」(cond='data:post.embedCommentForm'),那就使用 comment-form 這個模組,不然,請使用可以跳到留言介面的連結,順利的話這樣就搞定啦~如果你對留言的樣式不滿意,就像上面講的,iframe 裡面定義的玩意很難改動,我唯一有做的,就是把這個意見欄寬度,改得和我 Blog 文章一樣,不然就那麼一小塊看起來怪怪的。改法也不難,就是在 CSS 樣式區段裡 (<b:skin> 後面)、加入覆蓋原定義的宣告:

/* The comment-form width */
.comment-form {
  max-width: 650px !important;
  width: 650px !important;
}

紅色的值請照每個人樣板的寬度自行調整。我個人覺得原來另外跳出的留言介面(整頁模式)其實也很不錯,不但不用改就能顯示頭像、留言的身份和登入系統整合的也比較完整,重點還有防垃圾留言的機制。內嵌的意見欄雖然比較簡潔、也符合一般 Blog 的習慣,但功能還不夠齊全,還好未來 Blogger 官方只要修改 iframe 嵌入的那隻 Javascript,應該也能無痛升級,這點就請各位期待囉~

這個內嵌意見欄比起一般 Blog 的留言有幾個特異功能,首先是留言的身份,除了最基本的匿名、提供名字網址、用 Blogger 身份,還有像 AOL、OpenID 或幾種常見的 Blog 系統帳號,當然,只要你有輸入過,它也會 Log 起來,不過特別的是它把紀錄的 cookie 直接整合進下拉的 combo list 上面,這樣就不用仰賴瀏覽器的「自動完成」啦!再者,由於提供多種系統的登入支援,登入資訊是用 popup 的小視窗動態顯示在 iframe 裡,所以登入、文章預覽和留言結果,都是塞在 iframe 的範圍內,這樣好不好見仁見智,但至少不用跳轉下一頁、而且又不會破壞版面 Layout。最後,也是網友熱烈要求的「訂閱」功能,只要使用者留言時的「身份」裡面有正確的 e-mail,點下「訂閱」的連結,只要該文章的留言有更新或回覆時,系統都會主動寄 e-mail 來通知你,這樣對留言發問的人來說,就不用一直盯著留言等回應了~

留言身份的整合機制、留言的訂閱功能

其實除了嵌入式的留言介面,還有 RankingStar Rating 評分機制,和最新的「追蹤者」紀錄、還有 iGoogle 的文章發表 Widget ,都看得出來 Blogger 一直在成長和進步,而且都不需要 Hack 修改就能用(反而,如果你像我去 Hack,會導致這些新功能不能用,就像這個嵌入式留言還要修改才出得來)。所以如果是新手使用者、沒時間或能力來修改,就和一般 BSP 一樣,直接用官方的樣板和模組,套用起來既簡單又方便,像我一樣不安於室的、或嫌官方功能不好用的,才需要手動亂改,而且要擔的風險就像這個 Hack 一樣,一日 Hack 就終身都要 Hack 了,雖然可以隨心所欲把 Blog 調整成自己想要的樣子,但手動調整功能和定期維護都是免不了的啦~

回應: 77

riceone 提到...

我用的樣版也是無法直接使用文章內嵌功能,幸好在網路上搜到教學而解決這一問題。不過想請問Abin兄一些問題,那就是Abin兄的blog意見欄上可以自行新增提醒語是如何辦到的?(例:歡迎留言或發表意見,不過要理性、不做人身攻擊。匿名的朋友得到回應的速度會比較慢喔~
發問相關的禮貌和規矩請先參考這篇文章,不當留言可能會被直接刪除或無視喔!)還有該如何更改張貼意見及回應的字樣大小?在下是blogger新手,希望Abin兄能不吝指教,謝謝囉

Abin 提到...

To 8632271:
這段「提醒語」一樣是在設定這個功能的頁面:「設定」、「意見」,請找一個叫做「意見欄訊息」的設定,填入你想讓讀者看到的提醒(可以使用部份 HTML 的語法,來顯示顏色、連結和字型變化),就會出現在留言的上方了。

riceone 提到...

原來只要從意見設定即可,是我太粗心了,多謝迅速解答~^^ 我覺得blogger有些名詞譯名都不夠準確,光從字句上很難推敲其真正意思,看來我得多方嘗試才會漸熟。再次感謝

LiyaKo 提到...

順利改出來了!感謝Abin的教學分享,這樣就不用因為套用非官方樣板而不能使用這個內嵌留言功能了。畢竟這個比較直覺~我現在比較希望blogger能提供私密留言呢。:D~

LiyaKo 提到...

關於防垃圾留言的機制:填完意見送出留言後,有跳一個小視窗要填驗證碼哦~

Aka Clauris 提到...

版大你好,
我照著你所修改的方法可是在「發表意見的身分」旁邊還是白白+空掉的,無法正常顯示身分的內容。
請問你可以到我的blog裡看嗎?不過我現在是原設定的。
謝謝!
(我已經拜讀了很多高手的blogs,不過情況還是一樣,請幫忙)

Admin 提到...

Abin兄今早我發現我的comment form無法正常顯示,然后發現Abin兄這里也一樣,請問您是如何解決的?

Abin 提到...

To Balflear Lee:
我看到你留言的時候,我並沒有發現我的 comment form 有問題耶..這兩天我也沒動過原始碼。(現在我看你 GG圈 的 Blog comment form 也是正常的)
會不會又是 Blogger 系統在調整什麼哩?現在這種 iframe 嵌入 Javascript 的方式我不是很喜歡,因為只要官方調整該 script 的內容,就可能會影響 form 的顯示(像我右下角的「訂閱」連結,現在竟然顯示的是英文),您碰到的問題可能也是一時的吧!

Abin 提到...

To Aka Clauris:
這個時間點我去你的 Blog 有留言,你用的是原來傳統的留言模式(跳往新的留言頁面),我不大懂什麼是「發表意見的身分旁邊還是白白+空掉的」(因為我看不到)。
會不會是你碰到你下一篇留言一樣、剛好 Blogger 在更新或維修,所以功能暫時不大正常?

Admin 提到...

沒錯,我遇到的問題就是:“發表意見身份”的選項是空白的,導致訪客無法選擇身份和留言。我看到你的comment form沒問題,還以為你找到修改的方法了。找了很久,依然沒發現script有什么錯誤,只好暫時切換留言模式。

Admin 提到...

問題已解決了,只要更換語言就行了,真奇怪!

Aka Clauris 提到...

Abin 謝你的快速回覆 :)
麻煩請看一下:
http://claurischan.googlepages.com/Blogger-problem-akaclauris.JPG

這次的設定是照你這篇教學文而修改的,謝謝你 :)

Unknown 提到...

真的是換語言就可以解決.
真的很奇怪.

Davin Chao 提到...

我的發表意見身分欄...
好像也掛了....

Abin 提到...

To Aka Clauris, Davin:
根據 Balflear Lee, CheeKeong 的回報,我也實際地測試一下,果然是 Blogger 自己模組對不同語言支援不足的問題。
請登入控制介面,在「設定」、「格式」、「語言」,調整你使用的語系,我測試了幾個,像 Aka Clauris 應該是使用「中文-香港」,就是支援不全的語系之一。我自己用的是「中文-台灣」,看起來是正常的,其他中文語系,甚至西方的部份語系,都會有「發表意見身份」空白的現象。請有類似問題的朋友,挑選自己適合的語言,如果真的不行,只好暫時先使用預設的「整頁模式」,等 Blogger 官方修正完畢。

Admin 提到...

「中文-台灣」之前是有問題的,因為我親眼目睹Abin兄這里出現問題,那時我留言都成問題^^

Aka Clauris 提到...

Abin,真的是謝謝!
已經好了 :)
我是把語言改成「中文-台灣」

Davin Chao 提到...

To Abin:
我把語言改成"英文"...
就好了...
先前是"英文-美國"....XD

題外話,我們2個都屬老虎說....

Desw 提到...

Abin兄~有個問題想請你撥冗解答一下
是關於Intense Debate Comments的問題
我使用widget安裝了Intense Debate Comments後在我的blog上可以使用
但它的位置卻是在backlinks-container的上面
而不是像一般blog一樣~回應在置底的地方
它是透過javascript來取代掉原來的留言裝置的
javascript位置如下:
http://www.intensedebate.com/comment/db650838e147dcb691772eac3a37a53b/blogger

現在我的問題是不知道該從javascript或html下手,才能順利將Intense Debate Comments置底

如果Abin兄有空的話可以協助一下嗎?謝謝?

http://desw.blogspot.com/

Abin 提到...

To desw:
基本上我不會用這類 third party 的 comment plug-in,除了對不同樣版支援性有問題外,也可能因為 blogger 改版而失效,這類 plug-in 當然也不能直接套用 blogger 的 comment feed 或其他內建模組。
我大概看了一下,它好像是找 post-footer 裡的 post-labels 來 append node,把它換成 backlinks 的相關標籤應該就行了。(我看到這篇留言的時候你已經改好了?!)

Desw 提到...

to abin兄

還沒啊~我現在找不到要指定替換點的位置~"~

主要一點很難理解的是為什麼它替換掉原本comment的欄位
可是位置卻跟原本的comment不一樣

我希望它能像原本的comment一樣置底
他卻跑到backlinks上面~"~

匿名 提到...

its good..., but, I have form comment on sidebar blogger, u can see that in my blog.. and try to comment....!! you have nice blog bro...!!

匿名 提到...

Abin兄

請問你是如何在漲停意見的下面加入下面這短話的???

"歡迎留言或發表意見,不過要理性、不做人身攻擊。匿名的朋友得到回應的速度會比較慢喔~
發問相關的禮貌和規矩請先參考這篇文章,不當留言可能會被直接刪除或無視喔!"

Abin 提到...

To fab:
登入管理介面,在「設定」-「意見」-「意見欄訊息」內填入你要提示的文字。上面的留言就已經有人問過了,發問前請先看看別人的留言,這就是所謂的「發問的禮貌」。

ASAHI 提到...

@Abin大~

非常謝謝您的提醒喔!我已經參照您的文章改好了…再次感謝︿ ︿

匿名 提到...

看了您在「MESSAGE BOARD」「留言板」給 tommy 的回應,我仍然不知道如何增像您右邊的「RECENT COMMENTS」連結 Widget/Gadget。請指教~ 謝謝!

David∞ 提到...

TO Abin大
你好,小弟用您的內嵌語法會失敗,可是我去找別人的就能用,因為我很想用你的版本,您知道為什麼嗎?因為不能貼語法連結供您參考。
http://angelo-nmb.blogspot.com/2008/12/bloggeremail.html

David∞ 提到...

Abin大:我突然看懂了,對不起~~原來這程式碼是一樣的,別打我>_<"

旅美熟姐 提到...

終於懂了為什麼我的沒辦法用"內嵌式的文章留言"。
謝謝大大的分享~~

先祝新春愉快

匿名 提到...

thank you very much =)

Husion 提到...

不好意思我按照你的步驟修改
但是無法更改成功
不知道是什麼原因
可否請您幫我看一下
另外文章收合得部份也都無法成功
不知道是哪個環節出了問題

Nozomu.J 提到...

這幫了我很大的忙,先謝謝喔:)
另外我有個問題

請問一下喔,張貼意見這四個字能不能改呢?

Abin 提到...

To Jane Nozomuko:
硬要改還是可以改,但建議不要,因為這個功能是載入 iframe 和官方的程式檔,一旦改了,哪天官方有動這個程式,留言功能可能就動不了了。

play-bad 提到...

谢谢了!您的这篇文章帮我大忙了,O(∩_∩)O~

A.H.T Go 提到...

Abin你好,想請問為何放入語法後,只有最新發表的文章是正常可以發表意見,而其他舊文的張貼意見卻只是一片白?

A.H.T Go 提到...

Abin你好,我剛剛又發現...不是最新發表的文章才可以正常「張貼意見」,而是有些正常有些不正常,請問這跟我先前使用 DISQUS 有關係嗎?

Unknown 提到...

google到這篇
非常實用 謝謝 Q_Q

Abin 提到...

To 阿啦:
的確就是你用 DISQUS 的關係。插入你樣板裡的程式碼如果不是自己能掌握的,請不要用 Hack 的手段來修改,不然輕則衝突,重則樣板毀掉。

小工友 提到...

Hi,Abin站長您好.依您的share我家已經可以內嵌式的文章留言.但想請問一下為什麼我無法相您這一樣直接讓留言在點進文張就顯示在後.而我家確要在點選意見後才可以出現張貼意見這內嵌式的文章留言呢?是否我有那些動作沒做對呢?

http://microhylidae.blogspot.com/

Abin 提到...

TO 小工友:
「直接讓留言在點進文章就顯示在後」?我看你的 Blog 也是這樣啊~

小工友 提到...

Thanks, Abin.
我已經找出我自己的問題在那了也已經修正好了. 感謝您的幫忙...
現在我還遇到一個小問題就是在意見的"發表意見的身分:"這字串..我的是黑色的. 剛好與我的背景顏色差不多也導致字串出現不出來.我正在努力找要在那改這顏色才對..我看您的好像是白色的..您有特別改過嗎?

Abin 提到...

To 小工友:
看來你問了一個好問題,我翻了自己的程式碼,好像並沒有對那個字串做過什麼更換顏色的樣式,但那個字串就「自動」配合我的樣板配色(包含後面那個「以電子郵件訂閱」的連結也是)~
但我剛剛也試圖找了一下,見鬼了,包含官網都說,這個字串是 hard-code 黑色,同樣有一堆用深色背景的人不勝其擾,偏偏就像我上面提過,這類內嵌元件要改樣式相當困難,我試了一下也都不成功。我看了一下你的原始碼,在字型顏色的樣式定義相當複雜,這可能是你不像我一樣幸運、一套用就能配合樣板跑出需要顏色的原因。
至於到底要改哪個樣式定義可以套用到這個內嵌留言裡,可能要靠你自己 try & error 用樣板來測試才能夠弄出來囉~

st 提到...

Abin~
您好,有個問題想請問..
為什麼我的內嵌式留言的意見中
時間會多出一行
http://kumoha.blogspot.com/2007/11/goudakaas.html

我是不是哪出錯?
可否指點一下

謝謝您

Abin 提到...

To St.:
我測試了一下,但你弄了意見審查機制,我看不到結果,所以只能猜測。請檢查你自己的樣板文件,關於回應留言的時間戳記標籤 (comment-timestamp),是不是有重複的地方,這單純是你自己改留言格式時沒注意到,與本文主題無關。

St. 提到...

原來如此
好的,我會再找看看
謝謝您

Mason 提到...

真的太感謝你了,在你的部落格上讓我學到很多技巧,感恩啦!!

匿名 提到...

請問如何更改留言的次序更改為
最新留言在上,最舊留言在下

Abin 提到...

To 烏衣行:
留言顯示是套用 Blogger 官方的語法,它的迴圈就只能照順序由舊的往新的顯示,沒辦法改排序的順序。

理財規劃人員 提到...

不錯blog 給您加油

匿名 提到...

這位笑忘博有試出來,不過是經典版本
http://orange-or.blogspot.com/2009/05/change-comment-list.html

Wings 提到...

Hi,Abin站長您好, 請問為什麼這樣改後用Mozilla看都會有問題呀?是Mozilla有問題嗎?
用Mozilla看您的"發表意見的身份:"會是黑色字, 身份的下拉選單會是空白的.

Brendan 提到...

還有剛剛發現如果用IE8.0留言會出現錯誤訊息,後來用Google browser才可以.怎麼會這樣呀?

Abin 提到...

To Wings or Brebdan:
經我自己的使用測試,IE6, IE7, Firefox 3.x 都很正常,不知道你碰到的現象是什麼原因。

Abin 提到...

To 烏衣行:
你提供的文章裡面也講到,那是給舊版的 Blogger 樣板使用的語法(<$BlogCommentDateTime$>這類語法已經停用很多年了),根本也不能套用到現在一般的樣板上,所以也沒有用。

Unknown 提到...

請問一下
我的張貼意見那一欄
輸入丸內容後按"張貼意見"後的方塊
多的地方會被蓋住 旁邊也沒有捲軸
但是我試您的留言並不會

我的情況是firefox可以
但是用IE就沒辦法了

請問是樣板的問題嗎?

Abin 提到...

To 翔之:
檢查你的原始碼,其中 scrolling 是 auto 還是 no,如果是 no 的話就是捲軸出不來的主因了。

Unknown 提到...

有捲軸了 感恩
但是輸入驗證碼那邊還是沒辦法往下拉
請問是什麼原因
firefox可以 IE不行

Abin 提到...

To 翔之:
這個內嵌的 iframe 能調整的就那些個參數,像 scrolling="no" height="30px" width="100%",估計是你的 height 調得太小,自己根據版面大小調校一下吧~

Unknown 提到...

好了!!!感謝~

Davin Chao 提到...

To Abin :
我現在用的版型,語法有多耶..

我可以刪掉下面這一段嗎?
data:post.friendConnectJs/
data:post.cmtfpIframe/
script type='text/javascript'
BLOG_CMT_createIframe(' data:post.appRpcRelayPath/ ', ' data:post.communityId/ ');
/script
/div
/b:includable


這段語法好像造成留言時,滑鼠右鍵被鎖死~

Abin 提到...

To Davin:
我查了一下原始碼,那一段應該是標準樣板被 Blogger 官方新加進去,用來與 Google 的社群服務 Google Friend Connect 做結合的部份,因為我的樣板已經被自己改過,所以這類「新增功能」都不會被加到我的原始碼,因此我的 Blogger 留言部份沒有那段多的語法也是可以正常。至於手動刪除會不會影響我沒辦法驗證,不過沒有那一段照樣正常就是了。

不許人佔有 提到...

謝謝你這篇文章,
當然還有其他篇XD
留言跟回答對我都很有幫助~

匿名 提到...

感謝此篇文章讓我順利的把它跟 Neo Hack 結合上去了!(呼...搞了好久...)

話說 Neo Hack 還真難搞,每次只要有新功能都不能無痛升級...話說可以跟您交換連結嗎?

Megan 提到...

Abin大大你好:
很感謝你提供這篇文章讓大家做參考!
我在部落格按照你寫的內容修改後,很順利的就完成了;不過之後我不知道是因為我又因為修改我的部落格的關係還是怎麼樣,現在張貼意見的地方都消失了,連可以發表意見的大框框都不見了!我實在找不到原因在哪裡,可以請你幫我看一下,是哪該修改呢?非常感謝你...
我的部落格:http://fionsclassroom.blogspot.com/

Abin 提到...

To Megan:
我查了你 Blog 的原始碼,發現和留言回應有關的程式碼都消失了,可能的原因有二:第一,你做了什麼修改,編輯原始碼時不小心把它們刪除了,如果是這樣,希望你修改樣板前有做備份,不然很難還原(可以重新套用別的官方樣板,不過之前做過的修改就消失了)。第二,有可能是你在 Blogger 的後台關閉了什麼設定,請參考官方的說明連結,其中第一項說要啟用 [張貼網頁],指的是在「設定」、「存檔」、「啟用文章網頁」要打開,你可以檢查一下相關設定。

Abin 提到...

To NeoBetas:
很高興文章對您有所幫助。其次,這只是個個人筆記的 Blog,沒在做什麼宣傳或廣告,交換連結應該就不用了。

Megan 提到...

感謝Abin大大的回覆,我想一定是在我放上其他功能的時候不小心刪除了,好險裡面的內容還不是很多,要重做也不會花太多時間。不過還是要感謝你分享筆記!謝謝~~~

Unknown 提到...

Abin大你好!您的教學真是受益良多,當初是套別人的模板,在繼續閱讀部份用大多數方法老是弄不出來囧,不過Abin大新發的那篇文章已經讓這部份成功!

而這篇內嵌回覆,照Abin大的教學改也有了這般效果,只是,他出現的地方是在留言之上。
「順序:文章-回覆框-留言」--是因為文章裡的是舊留言還是沒改好?

感謝!

Abin 提到...

To 冥月:
會造成位置不一樣,和舊留言沒關係,主要是樣板原始碼的差異所致。
如果你不滿意現在的樣子,有兩個辦法,第一,換不一樣的佈景主題,看看別種的版型留言位置是不是你要的順序,第二種,手動修改原始碼位置,把我上面提到 <b:if cond='data:post.embedCommentForm'> 那一段(顯示回覆框)程式碼,整段移到產生留言的程式碼後面(應該是在 </b:loop> 後面),修改前記得先備份一下,存檔後再看效果對不對。

Unknown 提到...

作者已經移除這則留言。

Unknown 提到...

我已經弄出來了>W<,放在</b:loop>後面是完全的OK!
不過現在換成張貼意見下的說明(歡迎留言或發表意見…),字體太大囧。因為不是很熟語法,不知道在哪改說…orz

但還是超感謝Abin大!!!因為回覆跟繼續閱讀都讓我很困擾,都是Abin大教學解救的XD

Abin 提到...

To 冥月:
那段文字基本上用的是基本樣板的字型設定,所以看起來會太大也是你的樣板設定所影響的(像我沒去改動,字體大小是和整個版面連動的)。
以你的情況,如果硬要去改那段說明的字體,只能透過 CSS 去手動自訂該段落的字型樣式。本文裡有提到,為了改意見欄的寬度,要自訂一段 CSS 樣式去改表單的寬度(也就是上面 .comment-form { } 那一段),要改說明的字體,樣板要另外補一段如下:
.comment-form p{
font-size: 0.88em;
}
它的作用是改表單內說明文字段落的字體大小,0.88em 就是字體大小的值,你可以一需求去增加或減少,字體就會更動了。

Unknown 提到...

字體改正完成!萬分感謝!幫助超大的!>"<)/

referencement maroc 提到...

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

flower 提到...

不知道Abin有沒有發現,在IE9底下,如果重新安裝新的版型(官方版),內嵌式的留言欄框會出不來?
在Firefox和Safari顯示正常,但在IE9則一片空白。

hilesley 提到...

Abin您好,我按照您的方式修改
可是還是看不到comment(在都還沒有回覆的情況下)
但以前有一篇有人留言過的卻可以
麻煩幫我看一下謝謝您
沒有回覆就看不到http://oboechu.blogspot.com/2012/02/blog-post_6710.html
早期有回覆看的到http://oboechu.blogspot.com/2010/05/bloggerpicasa.html?showComment=1274541698874#c3526455038625521846%22
我搞半天還是不懂怎麼會這樣

月璃 提到...

作者已經移除這則留言。

張貼留言

歡迎留言或發表意見,不過要理性不做人身攻擊。匿名的朋友得到回應的速度會比較慢喔~
發問相關的禮貌和規矩請先參考這篇文章,不當留言、和本文無關的回應可能會被直接刪除無視喔!