2010/10/08 Blogger コメント欄にメッセージを付加する

 

Blogger カスタマイズのネタ。HTML 知識: 必要なし！

 

 

今回は Blogger のコメント投稿欄 に メッセージを埋め込む方法の紹介。

 

「メッセージとは何ぞや？」と言う方に説明すると、

 

・いまこれを注目しています！ご意見募集中！

・お気軽にコメントください！

・web 拍手コードを仕込む

・広告メッセージ/緊急告知

 

 

などを、全てのブログ記事内 のコメント欄に挿入することが出来ます。

 

実例として、当ブログで使用している

 

・コメントには <b>, <strong>, <em>, <i>, <a> など一部の HTML タグを使用できます。

 

というメッセージを埋め込んでみましょう。

 

 

Blogger ログイン後、「デザイン」「HTMLの編集」とクリックして行き、

HTML編集ウィンドウを表示させます。

 

その後「ウィジェットのテンプレートを展開」にチェックを入れ、編集

ウィンドウをクリックした後、Ctrl+F を押し検索ウィンドウを出現させます。

 

ここでは、下記の文字列をコピ＆ペーストを行い検索しましょう。

 

id='comments'

 

 

見つかった場所から10行ぐらい下に行くと、以下の文字列があるはずです。

 

</h4>

 

上記タグの行に、エンターキーなどを押して空白行を作ります。

 

そして以下のコードを、空白行にコピー＆ペーストしましょう。

 

<ul>
<li>コメントには &amp;lt;b&amp;gt;, &amp;lt;strong&amp;gt;, &amp;lt;em&amp;gt;, &amp;lt;i&amp;gt;, &amp;lt;a&amp;gt; など一部の HTML タグを使用できます&#12290;

</li>
</ul>

 

プレビューを押して、特にエラーメッセージが出なければ、

 

保存した後、確認しましょう。プレビューでは確認することが出来ません。

 

 

当ブログのように、コメント欄の直前にメッセージが出ていれば成功です！

 

 

他に独自のメッセージを追加したい場合は、

 

<li>[告知したいメッセージ]</li>

 

上記の [告知したいメッセージ] にお好きなメッセージ、又はタグを入れてください。

 

その後、先ほどコピー＆ペーストをした

 

<ul>

【前】

<li>コメントには &amp;lt;b&amp;gt;, &amp;lt;strong&amp;gt;, &amp;lt;em&amp;gt;, &amp;lt;i&amp;gt;, &amp;lt;a&amp;gt; など一部の HTML タグを使用できます&#12290;

</li>

【後】
</ul>

 

上記の【前】【後】のどちらかに <li>[告知したいメッセージ]</li> を挿入

すれば完成です。

 

なお、プレビューでエラーが無い事を確認してから編集を行ってください。