カスタマイズ・レコード１０ －トラックバック・コメント 個別記事の概略－

【トラックバック欄・コメント欄】

「＜花栞＞　トラックバック・ポリシー」　を掲載した延長として
トラックバック欄とコメント欄のカスタマイズを致しました。

１．トラックバック欄
トラックバック欄の個別記事欄に概略を記しました。
加えて、トラックバック欄にスクロールバーをつけてみました。
参考にさせていただいたページは、
facet-diversさんの「トラックバックの注意書きを明示する」　と
KOROPPYの本棚さんの「トラックバック欄にスクロールバー」　です。

①個別記事欄の概略
★＜マイリスト＞　に記述
<script type="text/javascript">
<!--
var notes = '重複トラックバックはこちらで削除致しますので
ご連絡は不要です。<br />
当サイトへの言及リンクがなく、関連性の低いトラックバックについては、
削除する場合があります。ご了承ください。<br />
詳しくは<a href="http://hanaduna1416.way-nifty.com/hanashiori/2006/10/post_5043.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);
div.innerHTML = html;

function _getRefNode() { // for Typepad
var n = document.getElementById("trackback")
if (!n) return null;
n = n.parentNode; // h2
while (n) {
if (n.nodeType==1 && n.className && n.className=="trackback-list-head") {
return n;
}
n = n.nextSibling;
}
return null;
}
}
AddNotesOnTrackbacking(notes);
//-->
</script>

★カスタムCSS　に記述
#notes-on-trackbacking {
margin: 1em;
border: dotted 1px #666666;
padding: 0.5em;
line-height: 1.3em;
color: #697497;
font-size: x-small;
}

②スクロールバー
★カスタムCSS　に記述
/* トラックバック欄 */
.entry-trackback {
overflow: auto;
height: 230px;
margin: 0px 0px 10px 0px;
}

２．コメント欄
ココログなどのTypepad系は、コメント欄の設定が明示されていない為、
送信できずにエラーが出て初めて、
…メールアドレスは入力必須！…　であることが分かったりします。
タグも使えるのかどうか、「確認」画面で見てみないと分かりません。
とても不親切です！？。

そんなコメント欄の設定を表示してくれるスクリプトを
KOROPPYの本棚さんがご紹介下さっていました！。　（…感謝！感謝！…）
facet-diversさんの「コメント欄の設定を明示する」です。
コメントする際に、とても役立ってくれます。

①個別記事の概略
★＜マイリスト＞　に記述
<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欄への記入は任意です。<br />メールアドレス・URLの両方を記入すると、URLのみが公開されます。</div><br /><div id="notes-on-comment">コメント本文では、<br />「a href」「b」「i」「br/」「p」「strong」「em」「ul」「ol」「li」「blockquote」「pre」のタグが使えます。</div></div>');
//-->
</script>

★カスタムCSS　に記述
#notes-on-comment {
margin: 0px 0px 0px 205px;
border: dotted 1px #666666;
padding: 0.5em;
line-height: 1.3em;
color: #697497;
font-size: x-small;
}