小粋空間  -  a cheap joke and a play on words site

Seesaa ブログの各エントリー下に表示されているカテゴリーを非表示にするカスタマイズです。

具体的には、

posted by yujiro at 00:00| Comment(0) | TrackBack(0) | 日記

という表示を

posted by yujiro at 00:00| Comment(0) | TrackBack(0)

と、カテゴリーを非表示にします。

カスタマイズ方法は、下記のスクリプト（青色）をHTMLの body の終了タグの直前におくだけです。

<script type="text/javascript">
var elements = document.getElementsByTagName('div');
for(i = 0; i < elements.length; i++){
  if(elements[i].getAttribute('className') == 'posted' ||
    elements[i].getAttribute('class') == 'posted') {
    var links = elements[i].getElementsByTagName('a');
    for(j = 0; j < links.length; j++){
      if(j > 2){
        links[j].style.display = 'none';
      }
    }
    var tmp = elements[i].innerHTML;
    elements[i].innerHTML = tmp.substring(0, tmp.lastIndexOf("|") - 1);
  }
}
</script>
</body>

これで保存・再構築し、ブラウザをリロードすればカテゴリーが非表示になると思います。

Movable Type ではカテゴリー表示用のタグを投稿者情報に設定しなければ簡単に非表示にできますが、いくつかのブログサービス（あるいはブログツール）では設定が簡単な代わりに表示内容が固定表示されるケースが少なくありません。
こういう場合は JavaScript で制御するのがいいでしょう。

当サイトで現在公開中のSeesaaブログテンプレートを更新しました。
Seesaaブログは最近ご無沙汰してまして、「機能追加されています」というコメントを頂いての反映です。ご連絡ありがとうございました。

今回の更新はSeesaa ブログ、新機能追加によるスパム対策強化のお知らせに対応しています。具体的には、コメント入力時に

• 名前
• メールアドレス
• ホームページアドレス
• 本文

の必須入力を指定することができます。

また、コメント送信時に認証コード（CAPTCHA™）を要求することも可能になりました。認証コードは管理画面で手入力する形式で、動的に認証コードが変化するものではありません。

最新のデフォルトテンプレートと比較して差分を追加しましたが、上記以外の機能については未確認ですので、不具合がございましたらご連絡ください。
変更内容の動作については私のSeesaaブログをご覧ください。コメントエラーも Movable Type 風にしています。

今回の変更部分を以下に掲載しておきます。青色が追加部分ですので丸ごと入れ替えられない方は、現在設定しているテンプレートを見比べて追加してください。
スタイルシートについては任意の位置に追加してください。

HTML

　　　　　：
　　　　（略）
　　　　　：
<div class="comments-preview">
 
<% if error_code %>
<blockquote class="error_message">
エラー：
<% if error_code eq '1' %>
投稿に失敗しました。
<% /if %>
<% if error_code eq '2' %>
未入力項目があります。
<% /if %>
<% if error_code eq '3' %>
認証コードのチェックに失敗しました。
<% /if %>
<% if error_code eq '4' %>
半角英数字のみのコメントは受付ません。
<% /if %>
</blockquote>
<% /if %>
 
<p>
お名前: <% article_child__writer | html %>
　　　　　：
　　　　（略）
　　　　　：
コメント: <br /><% article_child__body | html | nl2br | clickable('target="_blank" rel="nofollow"') %>
<input type="hidden" name="article_child__body">
<% if:blog.ignore_setting.captcha_comment -%><input type="hidden" name="captcha_comment" /><% /if -%>
</p>
　　　　　：
　　　　（略）
　　　　　：
<form action="/pages/user/comments2/regist/input" method="post">
<div class="comments-preview">
<p>
<label for="article_child__writer">お名前: <% if:blog.ignore_setting.fill_writer %>[必須]<% /if %></label>
<input id="article_child__writer" type="text" name="article_child__writer" size="50" value="" /><br />
</p>
<p>
<label for="article_child__email">メールアドレス: <% if:blog.ignore_setting.fill_email %>[必須]<% /if %></label>
<input id="article_child__email" type="text" name="article_child__email" size="50" value="" /><br />
</p>
<p>
<label for="article_child__homepage">URL: <% if:blog.ignore_setting.fill_homepage %>[必須]<% /if %></label>
<input id="article_child__homepage" type="text" name="article_child__homepage" size="50" value="" /><br />
</p>
<p>
<label for="article_child__body">コメント: <% if:blog.ignore_setting.fill_body %>[必須]<% /if %></label>
<textarea id="article_child__body" name="article_child__body" rows="10" cols="50"></textarea><br />
</p>
<input type="hidden" name="article_child__article_id" value="" />
<input type="hidden" name="article_id" value="" />
 
<% if:blog.ignore_setting.captcha_comment -%>
<p>
<label for="captcha_comment">認証コード: [必須]</label>
<img src="<% blog.ignore_setting.page_url_captcha_comment -%>" /> <input id="captcha_comment" type="text" name="captcha_comment" size="27" value="" style="vertical-align:top"/><br />
※画像の中の文字を半角で入力してください。
</p>
<% /if -%>
<% if:blog.ignore_setting.banascii_comment -%>
<% /if -%>
<% if:article.accept_comment_permission_mode -%>
<p>
※ブログオーナーが承認したコメントのみ表示されます。
</p>
<% /if -%>
<p class="button">
<input id="need_confirm" name="need_confirm" type="submit" class="input-submit"  value="確認する" /><input id="posted" name="posted" type="submit" class="input-submit"  value="書き込む" />
</p>
</div>
</form>
　　　　　：
　　　　（略）
　　　　　：

スタイルシート

blockquote.error_message {
    width: auto;
    margin: 15px 20px 10px 20px;
    padding: 10px;
    border: 1px solid #dd4444;
    background: #ffeeee;
    font-size: 10px;
    line-height: 150%;
}
 
.red {
    color: #e50003;
}