2008年6月29日

來試試新玩意之四,Blogger in Draft:Embedded Comment Form

近Blogger in Draft新增了滿多功能,其中最讓我高興的就是這個功能,讓人期待以久的–Embedded Comment Form,往後直接在文章頁面就能發表意見,啟用的方法很簡單,登入draft.blogger.com,選擇「設定」–「意見」,在「意見表單位置」選擇「已內嵌下列文章」後儲存即可,如下圖:



但是當Josh我回到文章頁面想看看承現的結果時,卻發現Comment Form並沒有出現,相信滿多人會有這個問題,我花了一點時間找到解決方法,如下:


  1. 進入「修改HTML」,選取「展開小裝置範本」

  2. 尋找下最程式碼:

    <p class='comment-footer'>

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

    </p>



  3. 以下列程式碼取代:

    <p class='comment-footer'>

    <b:if cond='data:post.embedCommentForm'>

    <b:include data='post' name='comment-form'/>

    <b:else/>

    <b:if cond='data:post.allowComments'>

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

    </b:if>

    </b:if>

    </p>

  4. 完成後儲存範本即可。


往後在文章頁面中,就會出現一個Comment Form,從此跟彈出視窗的意見說Bye Bye。



33 則留言:

  1. 哈哈,我找了半天了,謝謝哈~

    回覆刪除
  2. 我的是設定完不用修改就出現了
    但是另一個新功能 Star Rate 設好不出現 :-(

    回覆刪除
  3. 設定完之後並沒有跑出來耶
    就算加上程式碼之後,還是跑不出來耶

    回覆刪除
  4. 這真是太棒了~
    對其他部落族我可以抬頭挺胸了~ ^^"

    回覆刪除
  5. To 電光人:
    請在控制主頁中點選「設定」–「意見」,在「意見表單位置」選擇「已內嵌下列文章」,之後記得要先「儲存設定」。

    回覆刪除
  6. Josh大大:
    我的版模顯示:「因為標記 'div' 顯示在標記 'head' 內,所以您的範本無效。」

    好像更改任何都西都是這樣耶.....

    回覆刪除
  7. To 嘉瑋:
    在<head>和</head>之間是不能有<div>和</div>的,刪掉即可,怕刪錯把範本寄給我,幫你刪。

    回覆刪除
  8. 感謝大大,
    下載網址是:http://www.badongo.com/file/10313379
    能不能請大大也幫我修改一下url.這個地方的BUG,把url改成「本文連結」不然他是顯示url的。

    回覆刪除
  9. To 嘉瑋:
    1、找到
    <DIV align='left' id='divLoading' style='position:absolute;top:10px;right:10px;font-size:11pt'>
    <IMG src='http://nautica716.googlepages.com/ani_1small.gif'/>...跑一下<IMG src='http://neotemplate.googlecode.com/files/ajax-loader.gif'/></DIV>
    並刪掉,這是載入動畫,出問題就是這。
    2、找到
    <A expr:href='data:post.url'><data:post.url/></A>
    將<data:post.url/>替換成你想要顯示的文字
    3、經我測試,以Neo的為基礎的template,似乎無法使用這一篇的新功能。

    回覆刪除
  10. 好可惜喔
    還是感謝大大幫我解決我的瓶頸^0^

    回覆刪除
  11. josh你好

    我在使用這篇教學文章的時候發現
    我弄好之後

    他會顯示embedded comment form
    但是很快就會消失不見...
    請問世哪裡出了點問題?

    謝謝你

    回覆刪除
  12. josh大大您好,

    看到您Blogger學了很多東西


    想請問一下你的意見回復 怎麼讓一個意見就有一個單一個框框呢?

    簡單說怎麼修改意見的外表格式呢?

    回覆刪除
  13. 我去 Draft 那邊設定後就成功了耶,
    是不是 Blogger 修正好了呢?

    回覆刪除
  14. 你好,我最近開始使用BLOGGER也想嘗試大家所說的新功能,但是像您說要取代的那一段,我怎樣都找不到,我是使用預設的模板,請問是為什麼呢?

    還有可以請問怎麼刪除文章嗎?真的很謝謝你~!

    回覆刪除
  15. 請問一下,
    若要修改「發表意見的身分:」的顏色。

    要調整CSS的哪一部份;
    還是在語法中就可以變更?

    謝謝。

    回覆刪除
  16. 設定意見現在只有 兩個選項
    1.整頁模式
    2.彈出式視窗

    修改HTML 也沒用, 有辦法解決嗎??

    回覆刪除
  17. 我加了那個程式之後,也是看不到效果,怎麼會這樣?
    目前我先暫時先調成"彈出式視窗",請麻煩指導一下。

    回覆刪除
  18. 感謝Josh大大的教學,沒看清楚你的文章,原來登入draft.blogger.com後就看到三個選項了,造著你的程式碼也成功了,感謝你的教學,謝謝!!

    回覆刪除
  19. simon 提到...

    josh你好

    我在使用這篇教學文章的時候發現
    我弄好之後

    他會顯示embedded comment form
    但是很快就會消失不見...
    請問世哪裡出了點問題?

    謝謝你

    我跟你遇到同樣的問題說

    回覆刪除
  20. 找到問題了
    其實很簡單~
    <p class='comment-footer'>如果只搜尋這段....
    是會出現兩次的~所以要完整搜尋
    <p class='comment-footer'>
    <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </p>
    確定無誤以後再行修改就沒問題哩

    回覆刪除
  21. Josh大可以幫我看看嗎?
    我自己修改了之後還是沒有改變 XD

    http://home.doramail.com/makalu/blog.txt

    我把內容貼這,可以麻煩你嗎?

    回覆刪除
  22. 不知道可不可以讓驗證辭出現?

    回覆刪除
  23. hello Josh again..
    又是我...
    真奇怪...我一定是跟Blooger 八字不合.
    我也照著你的教學 很努力的一步一步作...
    可是 我跟電光人一樣, 啥都作了, 還是沒變.
    我也在控制主頁中點選「設定」–「意見」,在「意見表單位置」選擇「已內嵌下列文章」,然後先「儲存設定」。然後連程式碼也改了 還是不行...
    幫幫我啦, Josh大大!!! 感恩感恩...

    回覆刪除
  24. 辛苦嘗試多次終於成功,感謝教學

    回覆刪除
  25. 之前選了Embedded Comment Form,結果不能留言。
    還好找到你的方法,非常感謝。

    回覆刪除
  26. 我也出現相同問題
    剛剛發現 "將迷你組件範本回復為預設值"
    居然就可以搞定!!

    回覆刪除
  27. Josh 大大
    我按照了你寫的方式來改,不過留言方式還是要按出才會彈出,且彈出留言後空無一物,這是我的內容,可以麻煩看一下問題在哪好嗎?
    http://www.4shared.com/file/102776909/a8429525/090501.html

    回覆刪除
  28. 我这是翻墙后给你留下的评论
    -------------
    如果不翻墙,我在你这里提交评论也是失败的.
    此网页无法访问。

    http://www.blogger.com/comment-iframe.do 的网页可能暂时无法连接,或者它已被永久性地移动到新网址。
    --------------
    你的方法也不管用呀!

    回覆刪除