Bonjour!

« 初恋 | トップページ | [ココログ] マイリストを消すJavaScript »

2007-07-20

[ココログ] はてなスターを記事別ページにも(ついでにフッターにも)

バカンスで二週間いない間に Hatena Inc. が始動してました。で、その第一弾の「はてなスター」ですが、ココログベーシックやココログフリーなどでの設置方法はどうするんだろうと思ったら、以下のページに簡潔にまとまってました。

リンク: 別館 - はてなスターをココログに設置してみる.

結局、この前のバージョンアップで記事タイトルのところがリンクになったおかげで、特に何もしなくても、ブログ登録時に生成されるコードをそのままマイリストのメモ欄に貼り付けるだけでスターがついてくれる、ということのようですね。

しかし、ココログでは、記事タイトルがリンクになっているのはトップページやカテゴリ、バックナンバーなどのページだけで、記事別ページ(Permalink/固定リンク先)の記事タイトルはリンクになっていないので、そのままでは記事別ページにスター追加ボタンが表示されません。

ということで、記事別ページの記事タイトルにもつくようにしてみました。

ついでに、スターは普通、記事を読んだ後に押すんじゃないだろうかと思ったので、記事フッターにもボタンがつくようにしてみました。

▼設置方法

上記リンク先(「別館」さんの記事)と同様ですが、ちょっと追加します。

 1. はてなスターユーザーページで自ブログを登録(はてなスター日記参照)
 2. 生成されたHTMLの貼り付け用コードをコピー
 3. ココログのマイリスト(メモ)にコピーしたHTMLを貼り付け。
 4. 続いて以下のコードをコピーして、マイリスト(メモ)に貼り付け、保存。

<script type="text/javascript">
Hatena.Star.EntryLoader.loadEntries = function() {
    var entries = [];
    var divs = Ten.DOM.getElementsByTagAndClassName('div','entry',document.body);
    for (var i = 0; i < divs.length; i++) {
        entries.push(new Hatena.Star.Entry.CocologHeader(divs[i]));
        entries.push(new Hatena.Star.Entry.CocologFooter(divs[i]));
    }
    return entries;
}
Hatena.Star.Entry.CocologHeader = new Ten.Class({
    initialize: function(div) {
        this.div = div;
        var h3 = div.getElementsByTagName('h3')[0];
        this.title = Ten.DOM.scrapeText(h3);
        var posted = Ten.DOM.getElementsByTagAndClassName('p','posted',div)[0];
        this.uri = Ten.DOM.getElementsByTagAndClassName('a','permalink',posted)[0].href;
        h3.innerHTML = '<a href="' + this.uri + '">' + this.title + '</a>';
        this.comment_container = Hatena.Star.EntryLoader.createCommentContainer();
        h3.appendChild(this.comment_container);
        this.star_container = Hatena.Star.EntryLoader.createStarContainer();
        h3.appendChild(this.star_container);
    }
});
Hatena.Star.Entry.CocologFooter = new Ten.Class({
    initialize: function(div) {
        this.div = div;
        var h3 = div.getElementsByTagName('h3')[0];
        this.title = Ten.DOM.scrapeText(h3);
        var posted = Ten.DOM.getElementsByTagAndClassName('p','posted',div)[0];
        this.uri = Ten.DOM.getElementsByTagAndClassName('a','permalink',posted)[0].href;
        this.comment_container = Hatena.Star.EntryLoader.createCommentContainer();
        posted.appendChild(this.comment_container);
        this.star_container = Hatena.Star.EntryLoader.createStarContainer();
        posted.appendChild(this.star_container);
    }
});
</script>

# はてなスター日記にあったLivedoor用コードほぼそのまんまですが(^^;

▼注意点

テンプレートによっては動かないかもしれません。お知らせいただければ。

▼余談

- 記事ごとじゃなくてカテゴリページなどにも星を付けるには。。。?
- はてなブックマークのその場でコメント表示できるボタンも欲しいなあ。
- 「ページトップに戻る」リンクもそろそろ作り直さないと。。。

« 初恋 | トップページ | [ココログ] マイリストを消すJavaScript »

ウェブログ・ココログ関連」カテゴリの記事

コメント

この記事に☆をつけようとそタンですが、なぜかつきません ><

あ、日本語がおかしかった (^^;

http://s.hatena.ne.jp/facet/ 経由だと☆がつきますね。

tsupoさん、ども。
これ書いた後に、ブログトップとかアーカイブページにもスターをつけれるようにコードを書き換えて適用してたんですが、それがダメだったみたいです。ほしがちゃんと表示されているから大丈夫だと高をくくっていたら(^^;
ちゃんと確認しないとダメですね。。。
おしらせ、どうもありがとうございました。

こんにちは! 最近はてなを利用するようになって、やっとはてなスターにたどり着きました(汗)

記事の中に貼り付け用のコードをいきなりコピペしようとしてたんですけど(汗)facetさんの記事でなんとかうちも設置できました~♪ ありがとうございます (^^)

sumiさん、おはようございます(^^)
お役に立てたようで何よりです。

ちなみに、私はもう風柳さんバージョンのはてなスター用スクリプトを使ってたりもするんですが…。(^^;
http://furyu.tea-nifty.com/annex/2007/08/post_94bd.html

しかし、sumiさんはいろいろと使いこなしていて凄いですね。<videoとかmapとか画像処理とか。
私もそういう方面にも手を出したいと思っているんですが、なかなかです。

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/1941/15806614

この記事へのトラックバック一覧です: [ココログ] はてなスターを記事別ページにも(ついでにフッターにも):

» はてなスター設置 [ぽけ手帳]
(この記事は10月25日に書いた未来記事です)こんにちは、ごろうです。 もうすで [続きを読む]

« 初恋 | トップページ | [ココログ] マイリストを消すJavaScript »

contact

検索

無料ブログはココログ
2017年11月
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

BANNERS