« ココログにアップしている写真をポラロイド風にしたい!! | トップページ | グリーンローズ全話見ました。 »

2006年8月19日 (土)

コメント欄の設定とトラックバックの注意書きを追加する

実は、前々から気になっていたことがあるんです。

管理人の設定でコメント欄は、メール、URLの入力は任意にしたり、必須にしたり出来るんです。

でも、それをご覧になっている方々にコメント欄の近くでうまくお知らせできません。

そこで、前々から

「コメント欄の設定とトラックバックの注意書き」についてもちゃんとした記述をしたいと思っていました。

ココログにアップしている写真をポラロイド風にしたい!! で参考にさせていただいたKOROPPYの本棚 さんのブログを検索しているうちに

facet-diversさんのブログにたどり着きました。

そこの中に・・・

コメント欄の設定を明示する

トラックバックの注意書きを明示する

があって、CSSではなくサイドバーの記述で何とかできることがわかりましたので、早速設定してみました。

サイドバーのBACKNUMBERのところで、月間とカテゴリーのブルダウンjavaスクリプトをメモの欄に記載して、高度な設定で、メモのテキスト表示にもいますので、そこに・・・

以下の記述を追加しすることにしました。

まず、コメント注釈部分です。

<script type="text/javascript">
<!--
commentNotice('<div>メールアドレスおよびURL欄への記入は任意です (両方もしくはURLだけ記入するとURLだけが公開されます。メアドだけ記入するとメアドが公開されてしまいますので御注意下さい) </div><br />');
//
function commentNotice(html) {
if (!document.getElementById('right')) {
  var tmp = window.onload;
  window.onload = function () {
   write(html);
   if (typeof tmp == 'function') tmp();
  }
} else {
  write(html);
}
function write (html) {
  if (!document.getElementById('more')) return;
  var ref = document.getElementById('comment-regist') ||
   document.getElementById('bakecookie').parentNode.parentNode;
  if (!ref) return;
  var e= document.createElement('div');
  e.id='comment-notice';
  e.innerHTML = html;
  if (ref.id) {
   ref.appendChild(e);
  } else {
   ref.parentNode.insertBefore(e, ref.nextSibling);
  }
}
}
//-->
</script>
<style type="text/css">
<!--
#comment-notice {
margin: 5px;
padding: 5px;
line-height:1.2em;
color: red;
font-size: smaller;
}
-->
</style>

こちらがトラックバック注釈部分の記述です。

<script type="text/javascript">
<!--
var tbNotes = '重複トラックバックは私もよくしちゃいますので、気にせず気楽にトラックバックしてください(笑)。 なお、このブログに初めてトラックバックする場合は、当ブログと運営方針の「<a href="https://kazumaro.cocolog-nifty.com/corean/2006/07/post_7ce8.html">トラックバックについて</a>」 を御一読いただければ幸いです。';
//
function addNotesOnTrackbacking(html) {
var ref = _getRefNode();
if (!ref) return;
var div = document.createElement('div');
div.id = 'notes-on-trackbacking';
ref.parentNode.insertBefore(div, ref.nextSibling);
div.innerHTML = html;

function _getRefNode() { // TypePad specific
  var n = document.getElementById("trackback")
  if (!n) return null;
  n = n.parentNode.nextSibling;
  while (n) {
   if (n.nodeType==1) {
    if (n.nodeName.toLowerCase()=='p') return n;
    else return null;
   }
   n = n.nextSibling;
  }
  return null;
}
}
if (document.getElementById('right')) {
addNotesOnTrackbacking(tbNotes);
} else {
var tmp = window.onload;
window.onload = function () {
  addNotesOnTrackbacking(tbNotes);
  if (typeof tmp == 'function') tmp();
}
}
//-->
</script>
<style type="text/css">
<!--
#notes-on-trackbacking {
margin: 1em;
border: dotted 1px green;
padding: 0.5em;
line-height: 1.3em;
color: green;
font-size: smallerl;
}
-->
</style>

それに伴い、当ブログと運営方針の「トラックバックについて」を修正しました。

よく考えたら、削除と規制の部分しか記述がありませんでしたので、基本的にフリーですよっと言うことをちゃんと明示しました(;^ω^A

ただ、javaスクリプトは本文検索、バックナンバーも使用しています。

そのため、ブログを開く際ちょっととろいんです・・・あんまり遅いようだと対応を考えたいと思います。

<H19.4.20追記>

上記では文字が小さいことと、単純に文字を大きくしただけでは形が崩れてしまうので、KOROPPYさんのページを参考に以下のように設定しました。

現在はFLO:Qのところでコメント、トラックバックについてのjavaスクリプトをメモの欄に記載しています。(高度な設定で、メモのテキスト表示にしています)

マイリストのメモ欄には、以下のように記述しています。

<script type="text/javascript"><!--
function commentNotice(html){
var ref = getRefNode4ComNotice();
if (!ref) return;
var div = document.createElement('div');
ref.parentNode.insertBefore(div,ref);
div.innerHTML = html;
}
function getRefNode4ComNotice() {
var n = document.getElementById("comment-separator")
if (n) n.style.marginBottom="-2em";
return n;
}
commentNotice('<div><div id="notes-on-comment">メールアドレスおよびURL欄への記入は任意です(両方もしくはURLだけ記入するとURLだけが公開されます。メアドだけ記入するとメアドが公開されてしまいますので御注意下さい)</div></div>');
//-->
</script>

点線の枠で囲うことで文字が崩れないようにしました。

そしてCSSに以下を追加しました。

#notes-on-comment {
margin: 0px 0px 0px 205px;
border: dotted 1px #697497;
padding: 0.5em;
line-height: 1.3em;
color: red;
font-size: small;
}

==========================
韓国語の勉強時間 合計【 296.5 】時間
+0.5 トウミ単語を覚えます!特に漢字語
今日のモチベーション【 50 】%
+0 台風大丈夫でした。抜けてくれたようです。

|

« ココログにアップしている写真をポラロイド風にしたい!! | トップページ | グリーンローズ全話見ました。 »

ブログ@カスタマイズ」カテゴリの記事

コメント

この記事へのコメントは終了しました。

トラックバック


この記事へのトラックバック一覧です: コメント欄の設定とトラックバックの注意書きを追加する:

« ココログにアップしている写真をポラロイド風にしたい!! | トップページ | グリーンローズ全話見ました。 »