【ココログ】承認制メッセージを追加

ココログフリーでは、コメント/トラックバックを承認制にしても、承認制である旨のメッセージが表示されませんので、ブログのサブタイトルに注意書きを載せておりましたが、もっとわかりやすくする為にCSS（スタイルシート）を編集して、トラックバック欄とコメント欄に注意書きを追加してみました(笑)

本当はHTMLを編集して、テキストでメッセージを表示させるのが最もスマートな方法なんですが、ココログフリーではHTMLを編集できませんので、メッセージを画像にして"background-image"として表示させるという方法をとりました。

用意した画像はgif形式で、文字部以外は透過するようにしてあります。irfan viewというソフトで作成しました。

トラックバックURL下の画像

コメント欄下の画像

一応IEとFireFoxにて表示確認をしておりますが、Opera他のブラウザで上手く表示されないなどの不具合があればご連絡ください、対応できる限り対応したいと思います。

画像はご自由に利用してくださって構いませんので上記画像を右クリックして保存して、ご自身のブログにアップロードしてご利用ください。

スパムコメントは少ないので本当は承認制にしたくないのですが、ココログフリーではコメント、トラックバックセットでしか承認制の設定ができないのです。

さらに言えば、ココログフリーにはスパムフィルターが適用されてないのも何とかして欲しいところです。

ブログ：ココログ：ココログサポート：使い方ガイド：３：ココログプラン別比較表

この辺なんとかならないですかねぇ→ココログスタッフ様

トラックバック

初めてのココログ・カスタマイズ: ご訪問の皆様への重要なお知らせ 及び お願い

以下は、今回の記事の趣旨には関係ないのですが
テキスト入力欄がちょっとはみだしていましたのでそれに対する処理もCSSに付け加えました。

下記記事を参考にさせていただきました
初めてのココログ・カスタマイズ: 第37回：記事欄を角丸の画像で囲んでみよう

---

以下、追加したCSSです。
上記のメッセージ画像ファイルは

管理画面＞コントロールパネル＞ファイル

にてアップロードし、そこを参照するようにしてあります。

画像配置のクラスは

"trackback-url"
と
"comment-form"

この下部にpaddingでスペースを設け、そこに画像を配置するようにしています。

スタイルシート文法は、HTMLクイックリファレンスを参考にさせていただいています。
マージン・パディング
文字色・背景

.trackback-url{
margin-left:5px;
padding-bottom:15px;
background-repeat: no-repeat;
background-position: left bottom;
background-image : url(http://bluemeteor.cocolog-nifty.com/bluemeteorblog/CSS/tb_message.gif);
}

.comment-form{
margin-left:5px;
padding-bottom:15px;
background-repeat: no-repeat;
background-position: left bottom ;
background-image :
url(http://bluemeteor.cocolog-nifty.com/bluemeteorblog/CSS/comment_message.gif);
}

#comment-text textarea,
#comment-text-field textarea
{
width:350px;
}