2009年4月17日 星期五

修改嵌入式留言欄的寬度

Blogger目前已經有開放在文章下方直接顯示留言欄位的設定,由於在IE6我的部落格模板留言還是有問題,所以一直沒有啟用,但總覺得內嵌的留言板和文章配置有點不太搭,感覺寬度有點窄,在網路上看到解決方式,和大家分享。

進行這項修改前,前提是你的意見欄位置是設定已內嵌下列文章的,才有作用,不然會找不到下面所提到的相關語法。

如何修改呢?
進入Blogger後台→版面配置→修改HTML,然後勾選"展開小裝置範本"
找到以下這段程式碼
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
將裡面的width='100%'改成你文章區的寬度,例如我的寬度設560px,我就改成
width='550'即可,當然你想修正高度也是可以的,將height='275'改成你要的高度即可,然後按下儲存就可完成這項設定,修改後你的留言欄位就會擴大些,配合你模板的寬度加以修正,也會讓整個版面顯得大器許多。

官方原始的留言欄


修正過的留言欄


目前綸太郎的部落格還是採用彈出式留言,因為內嵌式在IE6還是有問題,但是我看到很多格主還是有採用內嵌的留言系統,就像GFC的工具列在IE6會卡住一樣,會用的人還是會用,所以提供方法給有想修改的朋友可以參考看看。

20 則留言:

  1. 我的blog是用内嵌评论的,
    但有朋友使用ie6留言并没有说有问题嘛?
    请问,您所说的问题是什么?:)

    回覆刪除
  2. 我是說我的模板有問題,不是泛指每個人的Blogger用IE6的都會如此,因為有網友反應,我的留言在ie6沒法張貼留言,我自己試也是如此。

    回覆刪除
  3. 很高興這篇文章對讀者有用。

    回覆刪除
  4. 你好!請問有一些能選擇性閱讀全文的Blogger hack嗎?

    回覆刪除
  5. 你Google一下"blogger繼續閱讀"應該就有很多種了吧,看你要的是哪一種。

    回覆刪除
  6. 請問有可能用css在留言區塊加底圖嗎?
    因為看到他是iframe...

    回覆刪除
  7. 應該可以,我記得到凱特有用過,你可以先跟她請教看看,http://katejane12.blogspot.com/

    回覆刪除
  8. 感謝回覆,我想做的跟凱特不太一樣,我的意思是加個底圖在打字的部份,如我的無名站最下方打字留言處,http://www.wretch.cc/blog/watchtreedog/10100296

    目前想法是照下篇文章把iframe改透明
    http://www.blueshop.com.tw/board/show.asp?subcde=BRD20080417181132Q3L&fumcde=FUM20041006152641OLG&rplcnt=1

    在加上css
    /* 留言板樣式 */
    comment-editor {
    background: url(http://xxx/comment_bg.jpg) right top no-repeat;
    }

    但失敗了~

    回覆刪除
  9. 試過了Google"blogger繼續閱讀",但多數是懶人包,不是所需要的

    回覆刪除
  10. To小白,凱特之前有用底圖在打字區,現在是沒有用,所以我想她應該知道,因為iframe的語法我也沒有研究,抱歉沒法幫上你。

    回覆刪除
  11. To V2仔,要找到完全適合自己的,除非自己寫吧,對我這種不會寫程式的人,只能將就目前網路上提供的Hacks了。

    回覆刪除
  12. ie6 在 "內嵌式留言" 和 "太多 javascript" 一起會有問題

    頭痛

    回覆刪除
  13. http://free2sw4u.blogspot.com/2009/05/blogcmtcreateiframe.html

    回覆刪除
  14. 所以我文章有提到,目前我是不用的,因為我找不到解決方法。

    回覆刪除
  15. 你好
    我想請問留言板是否可以修改留言的排列順序?
    新在上
    舊在下
    以方便瀏覽新的意見
    這樣排列應該也會更像樓層結構吧!

    感謝

    回覆刪除
  16. Cbox後台就可設定了,找到Look&Feel,裡面的Layout Option,把Messages裡面的in order:改成newest at top即可。

    回覆刪除
  17. 你好,我最近改了版面發現,有被留過言的文章,下面會出現一個Add comment連結,但是在下面又有原留言欄,按下去就會取代原留言欄,然後留言欄訊息就會跑到最底下,但是沒有留言的文章就很正常
    請問您知道是什麼問題嗎? 謝謝

    回覆刪除
    回覆
    1. 你說的是不是Blogger新功能,版主可以直接回復某個留言功能,不用到最下面留言回復,最下面的留言框是提出新留言的位置,記得Blogger Buzz官網有這篇 (Threaded Comments) 你可以看一下 http://buzz.blogger.com/2012/01/engage-with-your-readers-through.html

      刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能