blogger in draft新機能:コメントフォームを投稿ページに埋め込む このエントリーを含むはてなブックマーク

近,blogger in draft がつくつかの新機能が追加されました,この中に一番うれしいのはコメントフォームを投稿ページに埋め込む機能です.



導入も簡単です,レイアウトテンプレートを利用しているなら,下の図のように,

blogger in draft 管理画面の ”設定” ー> ”コメント” ジの”プレースメントからのコメント”の設定を ”下記の投稿を埋め込みました”に設定して保存するだけです.


カスタマイズしたテンプレートの場合,以上の手順で有効にならない場合もあります,以下のコードを修正する必要があります.



まずはテンプレートから以下のコードを探し出します,

<div class="comment-footer">

<a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick"

href=""><data:postcommentmsg></data:postcommentmsg></a>

</div>

次は上のコードに以下の赤い部分を追加します.

<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' href="">

<data:postCommentMsg/></a>

</b:if>




以上で修正完了です.



追記:僕が修正してFirefoxで確認しているところ,以下のように「コメントを投稿」ボタンが上半分しか表示できません,僕と同じで確認された方は,以下のコードを修正したらいいと思います.




<b:includable id='comment-form' var='post'>

<div class='comment-form'>

<a name='comment-form'/>

<h3><data:postCommentMsg/></h3>

<p><data:blogCommentMessage/></p>

<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>

</div>

</b:includable>


上の275の数字を300に修正します.

9 コメント:

Yusuke Koishi さんのコメント...

はじめまして。いつも参考にさせてもらってます。
今回もこのコメントフォームを埋め込む方法を参考に変更したのですが、どうしても繁栄されません。
画面が切り替わる時に一瞬フォームが見えますがすぐ消えてしまいます。
もしおわかりになるようでしたら教えていただけますでしょうか?
ちなみにテンプレートはカスタマイズしていて、以前海外のコメントサービスを使っていました。

zikite さんのコメント...

こんにちは、ソースを見ないとはっきり分かりませんが、
テンプレートの
<b:include data='post' name='comments' />
のすぐ後ろに
<b:include data='post' name='comment-form'/>
を追加してみてください。
(この記事で追加された赤い部分を一回削除してからしたほうがいいかも)

Yusuke Koishi さんのコメント...

ご返事ありがとうございます!
私のソースにはそもそも最初のタグが存在しません(汗)

多少ソースをいじっており、正直自分でもよくわからなくなっているのが現状です。
もしよろしければソースを見て頂きたいのですが...
このブログのようなコメント欄にしたいです。

私のブログ
http://www.choozlife.com/

無理は承知ですが、どうかよろしくお願いします。

zikite さんのコメント...

もしよろしければ,テンプレートのソースファイル(.xml)を添付してくれば,解析してみます.
zdengfeng@gmail.com

Yusuke Koishi さんのコメント...

先ほどソースをお送りいたしましたのでご確認いただければと思います。
何卒、よろしくお願いします。

luckyme さんのコメント...

時間のたった記事へのコメントで恐縮です^^;
しばらく更新されてないようですが,お礼を申し上げたく,コメントさせていただきました。

こちらの記事で書かれている以下の内容のおかげで,私のところの問題が解決しました!
・コメント欄が切れていて投稿できない→投稿欄のheightを大きくとる
・他の方のコメントへの答え:
テンプレートの
<b:include data='post' name='comments' />
のすぐ後ろに
<b:include data='post' name='comment-form'/>
を追加してみてください。

わかりやすく説明されていて,とても助かりました。ありがとうございました!

♥ERI♥ さんのコメント...

初めまして。全くのブログ初心者です。
実は別のとこでブログ始めたのですが、アイフォンからの投稿が出来ない事実を知り、たどり着いたサイトがBloggerでした。しかしテンプレートが私好みではなかったのですが、フリーサイトからテンプレート素材をDL出来る事を知りただ今、実践している所です。
(ちなみに私は在米なので日本語FileはDLしても文字化けする事もしょっちゅうです)
質問なのですが、上記にあるツールバー広告は必ず表示しなくてはいけないのでしょうか?私はフリーブログなので絶対なくてはいけないのかと思ってるのですが、必要ないのならレイアウトとかもあるので出来ればはずしたいです。(色々な方のBloggerサイト見てると表示されてない方もいらっしゃったので・・・)
後、この埋め込みコメント機能も普通と何が違うのか分かりません。取り留めの無い文章ですみません。直接メールした方が良かったのかもしれませんがそれも探せませんでした^^;
Bloggerは素人には大変なのですが、ちょっとずつ理解しながら自分の好きなテンプレート・レイアウトが出来るのでとても楽しいです。

zikite さんのコメント...

@ERIさん
コメントしていただきありがとうございます。
1、上部のツールバー表示義務について
本来では、Bloggerを利用する上で、そのツールバーを表示する義務がありますが、おっしゃった通り、ブログのデザインに邪魔だと思っている作者だちはこのツールバーを表示しないようにしています。(利用規約に違反かどうかも微妙などころですが、おそらく罰がないと思います)。

ちなみに、このツールバーを表示しない方法はこの記事に参照してください。
http://bloggerbetatips.blogspot.com/2006/10/navbar.html

2、埋込コメント機能について
昔のBloggerでは、記事にコメントするのに、新ウインドウが開き、別ページでコメントしなければならないでしたが、今はディフォルトは記事と同じページでコメントできるようになっていますから、この記事を無視してください。

♥ERI♥ さんのコメント...

>zikiteさん
返信して頂き、ありがとうございました。ツールバーはテンプレートをDLした時に消えてて、どうやってツールバーを付け加えるのか・・・と逆に格闘しました。笑
上のツールバーはログインするには楽でいいんですが、何だかレイアウトとはマッチしないんですよね・・・もっとスッキリするリンクないのかなーとは思うのですが・・・

もうちょっと始めからじっくり読んでみます。コメント機能の件失礼致しました~^^;
多分、理解に苦しむ頭なので又色々と質問すると思うのですが、お見知り置きを~

コメントを投稿

最新の記事

最新コメント