「はてなスター」を(苦労して)付けてみました w 

[2007/07/13] | ブログ日記 | トラックバック(6) | コメント(11) | TOP ▲

 「はてな」のアナウンスを読むより先に、takkunさんのところの記事で、「はて☆スタ」というのが出たらしいと知りました。

はてなスターは、既存のブログにワンクリックでが付けられる、あなたのブログをもっと楽しくするサービスです。はてなダイアリー以外のブログサービスでもご利用になれます。

・・・ってなことを、はてなさんが始められたので、はてな界隈では微妙な評価のようですが、はてなの各サービスへの依存度が高く、交流のあるかたも“はてな村”に多くいらっしゃる私のことなので、とりあえず付けてみようかな、と。(っていうか、ただの物好き?)

 ここの説明を読むと、「head~/head」の間のあたりに指定のスクリプトを貼り付けろ、ということらしいので、とりあえずやってみましたが・・・。

 「・・・?」

 FC2ブログでは、「テンプレートによってカスタマイズが必要です」と書いてあるとおりでした。このテンプレートでは、そのままではピクリとも反応しません。

技術的な詳細については、HatenaStar.js下部のドキュメント(英語)をご覧ください。

 スクリプトのページの中のドキュメント?しかも英語?
 ここでけっこう挫折しかけたんですが、いちおう眺めてみました。

In many standard blog sites (Blogger, MovableType etc..), you can add Hatena Star by just embedding the script code above. HatenaStar.js assumes that blogs have the structure as follows. H3 means headers of entries and they include the permalinks and the titles of each entry.

<h3><a href="http://uri.for/entry">Title of Entry</a></h3>

 どうもこのへんのことのようです。各記事のタイトルが“H3”タグになっているという想定の仕様になっているのかな?
 私の使っているテンプレートでは、記事タイトルは“H2”タグになっているので駄目だったみたいです。

In other blogs which have other structures, you have to embed other optional script or write JavaScript code manually.

 マニュアルでスクリプトを書けと言われたらお手上げだったんですが、よく読むと、どうも次のものを、最初の指定のスクリプトの後に続けて書けばいいらしい?

<script type="text/javascript">
// customize for other html structure.
// H2 tags are the headers of each entry in this case.
Hatena.Star.EntryLoader.headerTagAndClassName = ['h2',null];
</script>

 どうかなぁと思ったんですが、一瞬タイムラグがあって・・・無事に表示されました!やったぁ、これはなんだか達成感!(笑)

 ちゃんと機能するかはしばらく運用してみないと分かりませんけど。・・・あ、いちおう動くみたいですね。(微妙に反応速度が遅かったりするのでひやひやしました。)
 これ、少しマニュアルがブッキラボーで分かりにくかったんで、もうちょっと親切に教えてもらえるといいのにな、と思いました。(この不親切さはまるで、どっかのFC2みたい。 笑)

 あ、ここまでで、すごい苦労したのにこんな記事がある!

はてなスター日記 - はてなスターを外部ブログに貼り付けるための方法

旧型ブログ : FC2ブログで、はてなスター導入してみた

 な、な、なんだってぇー!?はてなのIDを持っている人は、はてなにログインしてから

http://s.hatena.ne.jp/(自分のはてなID)/blogs

・・・にアクセスすると、あ、なるほど、外部ブログが登録できて、コードが表示されてますね。
 ・・・って、貼ってみたけど、駄目?あ、そうか。「H3→H2」のカスタマイズ(上に記したスクリプトの追加)はやっぱ必要なテンプレートでは必要なのね。一瞬、もの凄い徒労感に襲われましたが、まったくムダでもなかったようです。(笑)

 というわけで、まあFC2ブログで言えば「拍手」ボタンとよく似たようなサービスなんですけど。FC2でこのサービスを使ってみたい人(で、設定がうまく行かない人)には、この記事が少しでも参考になれば幸いです。

追記:

この「はて☆スタ」、ネットスケープ(7.1)で見たら、ひどいことになりますね。の画像じゃなくて、「Add Star」とか文字が表示されちゃいます。まあネットスケープなんて今どき使ってる人はほとんどいないわけですが。(いいのかよ、そんなことで。)

追記の追記:

ごめんなさい。上の追記はガセでした!
私のネスケはブラウザの設定で、「スクリプトとプラグイン」の部分で、「画像を変更する」のが禁止になっていたのでした。この禁止を解除したところ、無事にが表示されました。
ネスケちゃん、疑ってごめんね!正直スマンカッタ!!

関連記事

この記事のはてブ はてブの数 livedoorクリップ クリップ数 Webスカウター情報

permalink | トラックバック(6) | コメント(11)

[tag] ブログ fc2ファビコン ブログパーツ fc2ファビコン はてな fc2ファビコン FC2 fc2ファビコン

TOP ▲

コメント

> はてなスター日記で紹介させていただきました

こんにちは。はてなスタッフの山田と申します。はてなスターをご利用いただきありがとうございます。
はてなスターをブログに設置する際の参考リンクとして、この記事をはてなスター日記で紹介させていただきました。もし問題がありましたらお知らせいただけますでしょうか。
http://d.hatena.ne.jp/hatenastar/20070707/1184455480

> 拝見しました

これはこれは、いらっしゃいませ。ご紹介ありがとうございます。
文中で紹介した「旧型ブログ」さんとあわせて読まないとつらい程度の薄い内容ですが、ほかのFC2の人にも役立てばいいな、と思います。
今はまるで「お祭り」状態のはてな村ですが、
http://d.hatena.ne.jp/essa/20070712/p1
でessaさんが言っておられたように、はてな村の外にまで、この緩い繋がりが拡大していけば面白いと思いますので、是非がんばってください。

> 参考にさせていただきました

はじめまして。
自分もはてなスターを導入しようとしてあきらめかけてたんですが、この記事とケースが同じだったので記事の内容どおりにコードを追加したらうまくいきました。
ありがとうございます!

> お役に立てたらうれしいです

いもすけ山さんは最近FC2にお引越ししてこられたんですね。
FC2はブログ以外のサービスは、ちょっとすべっちゃってることが多い(笑)ですが、ブログについては、ある程度HTMLを覚えていれば、けっこう自分なりのカスタマイズができるところが気に入っています。
私はあんまり詳しくないんですけど、この記事で人のお役に立てたんなら、嬉しいなぁ!

> 参考にさせて頂きました。

初めまして。
ネットサーフィン中にこちらの記事を見つけて大変参考にさせて頂きました。
私が借りたテンプレートも同じで記事タイトルは“H2”タグになっているらしいんです。
使えないのかな?と思ってたのですがこちらの記事を参考にしたらちゃんと設置できました。

有難う御座いました。

> FC2は

ちょっとHTMLを勉強して、自分でテンプレートをいじりだしたら、愛着も生まれて離れられなかったりします。「はてな」のサービスははてな村の外にまで開かれているところが嬉しいですね。

> できました☆

私の使ってたテンプレートもh2問題だったようです、おかげでスターをとりつけることができました。ありがとうございました。

> 参考になりました

僕もFC2ブログを使っていますが、こちらのブログで紹介されていた追加スクリプトを組み込んでみたら、うまくはてなスターの導入ができました。

大変参考になりました。どうもありがとうございました。

> ありがとうございます

この記事のおかげで私のブログにもスターをつけることが出来ました。
ありがとうございます!

> 助かりました

おかげさまではてなスターをつけることが出来ました。
本当にありがとうございます。

> ありがとうございます

このブログを参考にしたら、何とか設置できました(・ω・)

コメントの投稿















管理者にだけ表示を許可する

トラックバック

この記事のトラックバックURL
http://zmock022.blog19.fc2.com/tb.php/901-4294ba7e

[日常][ヲタネタ?]【#0005】

エムブロにはてなスターを導入してみました。 …元々は携帯電話向けブログということもあり、正直なところ利用率に関しては期待できないのですが、半ば自己満足ですので問題ないでしょう(← 大方は“はてなスターをブログに設置するには”の内容に準拠しますが、記事タイト

忍ブロにはてなスター表示してみた

先日ツイッタースターをつけてみたけれど、 (- TwittStar* Example 忍ブロに設置) それははてなスターみたいな仕様だと書いてあり、 そういえばこの、はてなスターってあちこちで見かける。 これも設置してみよう、と軽い考えで登録してみた。 が、しかし・・ は...

はてなスターをつけてみた

タイトルの通り、はてなスターをつけてみました。いや、特に意味は無いんですが、なんとなくよく見るサイトで導入しているところが多かったもので(はてなブログが多いだけかもしれない)。参考にさせていただいた

Tシャツ欲しさにはてなスターをつける/週別集計

はてなってTシャツがあるんですね。すごいなぁ~。でもって、はてなスターTシャツなんてのを作って、プレゼントするんですね。すごいなぁ。FC2がTシャツキャンペーンなってやってことありましたか? ありま

はて☆すた

はてながはてなスターというサービスを始めました。急に始まっちゃって、開発日記も喧々轟々です。コメントをつけるのは面倒だが何かしら痕跡は残したいという訪問者に対応した仕組みで、WEB拍手のはてな版といえます。ち

はてなスターを使ってみる。

はてなブックマークを愛用していた(過去の事になってますがな)私なのですがネットサーフィン中に面白いのを見つけ設置してみました。はてなスターって言うらしい。以下引用日々ブログを読んでいていいなと思って