背景色が黒系のブログでBlogMailを使うためのTips

背景色が黒系のブログでBlogMailを使うためのTips

BlogMail
スパムボット対策とかでメールアドレスを掲載したくないっ!、って方にうってつけのブログパーツですが、黒背景とかのブログに設置すると入力欄と文字色が同じになってしまって書いている文章が見えないってご意見を頂きました。

テキストボックスにCSSを適用させる事でこの問題を回避できます。

BlogMailを設置するには

<!-- ここから -->
<script>
    var ClicktxBlogMail={};
    ClicktxBlogMail.UID='作成されたユーザー固有ID';
    (function(){var p=(("https:"==document.location.protocol)?"https://":"http://");
    document.write('<scri'+'pt src="'+p+'tools.clicktx.jp/blogmail/js/blogMail.pack.js" charset="UTF-8"></scri'+'pt>');})();
</script>
<!-- ここまで -->

こんな感じのコードを挿入するのですが、このコードのすぐ後に

<style><!--
#ClicktxBlogMail input, #ClicktxBlogMail textarea{ background-color:#FFF; }
#ClicktxBlogMail input.button{ color:#333; }
--></style>

こんなコードを挿入すればテキストボックスの背景が白に、文字色が濃いグレーになります。
黒系背景でBlogMailが使えない!ってお悩みの方は是非試してみてください!