<てるやん> 今現在で、
このブログの
トップページ記事にあるコメントは
記事下にある「>>コメントを読む(2)」をクリックすると
隠されてたコメントが表示されるようになってます。
面白そうなのでやってみようと思う人のために手順を。
まずFC2ブログメニューの
「環境設定の変更」から
「ブログの設定の変更」ページを選んで
そのページの一番下
「<%topentry_comment_list>を有効にする」を有効にして保存します。
次に
「テンプレートの設定」から
現在使用してるテンプレートの「編集」を選び
<!--not_permanent_area-->
<p class="entry-more"><a href="javascript:onclick=Display('more_<%topentry_title>');">> >コメント読む(<%topentry_comment_num>)</a></p>
<div id="more_<%topentry_title>" style="display:none">
<!--comment_list-->
<dl class="comment-list">
<hr size="4">
<dt><STRONG><<%topentry_comment_list_name>></STRONG><%comment_title></dt>
<dd><%topentry_comment_list_brbody></dd>
</dl>
<!--/comment_list-->
</div>
<!--/not_permanent_area-->
これをコピーして貼り付けます。
貼り付ける場所はHTML領域のトップエントリー表示あたりに
<!--community-->
<p>テーマ:<a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a></p>
<!--/community-->
こういう表記があると思うので
これの上あたりに貼り付ければいいと思われます。
以上。
「メリット」
前みたいにトップ記事のコメントがオープンなままだと
トップページがコメントでやたら長くなったりとか
コメントがトップページに出てくるから
なじみのない人が他を気にして気軽に発言しにくくなるかなあと思って
ワンクリック分隠すようにしてみました。
コメント読むだけなら画面遷移もないですし。
(サイドバーの最近のコメントもコメント要約表示から
タイトル表示に変えてみました)
自分のブログでのカスタマイズですから
細かい質問とかされても答えきれないかもしれないのであしからず。
プレビューボタンで確認しつつうまくできたら保存しましょう。
追記:
ごめん、</head>タグの上に
<script type="text/javascript">
<!--
function Display(id){
if(document.all){
if(document.all.item(id).style.display == "block"){
document.all.item(id).style.display = "none";
}else if(document.all.item(id).style.display == "none"){
document.all.item(id).style.display = "block";
}
}else if(document.getElementById){
if(document.getElementById(id).style.display == "block"){
document.getElementById(id).style.display = "none";
}else if(document.getElementById(id).style.display == "none"){
document.getElementById(id).style.display = "block";
}
}
}
//-->
</script>
これも貼り付けないとダメだわ。
するとこの部分がクリックできて、
あの部分が開くみたい。
<a href="javascript:onclick=Display('エントリータイトルナンバーとか適当な名前');">クリックしたら開くタイトルをここに置く</a>
<div id="エントリータイトルナンバーとか適当な名前" style="display:none">
ここにたたみたいHTML要素を置く
</div>
-
|
-
コメントを書く(2)
- |
トラックバック(0)
- |2007/07/28(土)