[教學]Blogger內嵌文章留言 (Embedded Comment Form)

這篇教學，是為了我好友兼換帖兼同事兼好麻吉兼好戰友的男友(簡稱我朋友的男朋友)而生。正如您所見，該部落格還缺少某些基本功能，在Blogger平台上需應用的許多Hacks還沒能用上，再加上許多前輩的教學文要看懂其實需要那麼點(其實還蠻大點的)CSS底子，實需小妹用低能淺白一點的文句陳述。但也趁此機會將我知道的Blogger Hacks做個整理，總之會慢慢補上與大家分享。


首先，是一些比較早期的Blogger模板會遇到的問題，Blogger內嵌文章留言 (Embedded Comment Form)無法正常顯示。

首先，勤勞點到後台的基本管理→意見→意見表單位置→改成已內嵌下列文章。

Embedded Comment Form

確認儲存後，回到部落格頁面看看結果；如果內嵌頁面此時以完整、正常呈現就OK囉，反之則繼續往下看。

若沒有出現內嵌模式，就非得動到語法區了(記得在實做以前務必儲存完整範本)

勾選展開小裝置範本→利用ctrl+F找到<b:includable id='comment-form' var='post'>(若找不到就掐頭去尾留中間comment-form這樣找找看類似區段)
確定有這段程式碼才表示在後台的設定成功，整段碼應該如下：

<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='no' src='' width='100%'/> <data:post.iframeColorizer/> </div> </b:includable>

接著再利用ctrl+F找到
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>

如果只找到一組就沒問題，很多組的話請選擇在 <p class='comment-footer'> 底下的，將之反白起來，以這段直接替代。

<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>

最後在<b:skin> 後面加上CSS定義

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

應該就大功告成囉!有問題歡迎留言:)。