Blogger カスタマイズのネタ。HTML 知識: 必要なし！
今回は Blogger のコメント投稿欄 に メッセージを埋め込む方法の紹介。
「メッセージとは何ぞや？」と言う方に説明すると、
・いまこれを注目しています！ご意見募集中！
・お気軽にコメントください！
・web 拍手コードを仕込む
・広告メッセージ/緊急告知
などを、全てのブログ記事内 のコメント欄に挿入することが出来ます。
実例として、当ブログで使用している
・コメントには <b>, <strong>, <em>, <i>, <a> など一部の HTML タグを使用できます。
というメッセージを埋め込んでみましょう。
Blogger ログイン後、「デザイン」「HTMLの編集」とクリックして行き、
HTML編集ウィンドウを表示させます。
その後「ウィジェットのテンプレートを展開」にチェックを入れ、編集
ウィンドウをクリックした後、Ctrl+F を押し検索ウィンドウを出現させます。
ここでは、下記の文字列をコピ＆ペーストを行い検索しましょう。
id='comments'
見つかった場所から10行ぐらい下に行くと、以下の文字列があるはずです。
</h4>
上記タグの行に、エンターキーなどを押して空白行を作ります。
そして以下のコードを、空白行にコピー＆ペーストしましょう。
<ul>
<li>コメントには &lt;b&gt;, &lt;strong&gt;, &lt;em&gt;, &lt;i&gt;, &lt;a&gt; など一部の HTML タグを使用できます。
<li>コメントには &lt;b&gt;, &lt;strong&gt;, &lt;em&gt;, &lt;i&gt;, &lt;a&gt; など一部の HTML タグを使用できます。
</li>
</ul>
</ul>
プレビューを押して、特にエラーメッセージが出なければ、
保存した後、確認しましょう。プレビューでは確認することが出来ません。
当ブログのように、コメント欄の直前にメッセージが出ていれば成功です！
他に独自のメッセージを追加したい場合は、
<li>[告知したいメッセージ]</li>
上記の [告知したいメッセージ] にお好きなメッセージ、又はタグを入れてください。
その後、先ほどコピー＆ペーストをした
<ul>
【前】 <li>コメントには &lt;b&gt;, &lt;strong&gt;, &lt;em&gt;, &lt;i&gt;, &lt;a&gt; など一部の HTML タグを使用できます。
</li>
【後】
</ul>
</ul>
上記の【前】【後】のどちらかに <li>[告知したいメッセージ]</li> を挿入
すれば完成です。
なお、プレビューでエラーが無い事を確認してから編集を行ってください。
0 件のコメント:
コメントを投稿