カテゴリー

月別過去記事

みるくぜりー内 検索
Loading

JUGEMにはてなスターいれてみた。

設置可能ブログにJUGEMが入ってなかったのがなんか悔しくて、
頑張って設置してみました。
英語の説明文みろてのは一般人には難しいような…?
はやく日本語のヘルプが整うことを期待したいとこ。

で、設置方法なんですがheader内に以下のような記述をする。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
//コメント投稿に必要なTokenの設定(※1)
Hatena.Star.Token = '人によって違うコード';
//タイトル&URLの取得に必要な設定(※2)
Hatena.Star.EntryLoader.headerTagAndClassName = ['div','entry_title'];
</script>


◆コメント投稿に必要なtokenの設定(※1)
はてなスターにて右上のblogをクリックすると外部ブログの設定ができます。
自分のブログアドレスを入力するとかきのようなコードが発行されます。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '人によって違うコード';
</script>

この中のHatena.Star.Tokenと書かれている1行を丸々コピーして※1のところにはりつけてください。

◆タイトル&URLの取得に必要な設定(※2の部分)
>Hatena.Star.EntryLoader.headerTagAndClassName = ['div','entry_title'];
この部分はブログのテンプレによって設定が違います。
例:タイトルの表示タグが
><div class="entry_title"><a href="{entry_permalink}">{entry_title}</a></div>
だった場合
1つ目にはタイトルを囲っているタグ名を指定
2つ目にはクラス名を指定。ない場合はnullにする。('は不要)
タイトルはおそらくaタグで個別ページへ飛ばすリンクが必要になるとおもうので
タイトルにリンクがない人は{entry_title}の部分を
<a href="{entry_permalink}">{entry_title}</a>
に書き換えて置いてください。

設置は無事出来たものの一度つけた星は削除できないんですね。
自分でテストということでぽちっとしてみたのが残ったままなのが
なんか自画自賛してるみたいで恥ずかしい(´・ω・`)

---
おまけ
Hatena.Star.Tokenのしたに下記の1行追加して画像のアドレスを指定すると
★を好きな画像にかえれます。
ちょうどいいサイズだったのでJUGEMの絵文字作成機能のPICTOから
カワイイアイコン選んで設定してみました。
私が設定してるのはこんな感じです。
Hatena.Star.Star.ImgSrc = 'http://picto0.jugem.jp/s/u/n/sunlit/cc518c54144dc18c39e558499b772061.gif';

透過されてる画像を探して設定してみることにします。


コメント
はじめまして〜
私もはてなスター設置しようと思ってここにたどり着きました
はてなスターは無事設置できたのですが、この記事内にある様な引用が書けなくて困ってます
記事にタグ書いちゃうと反映されてるのか見えなくなってしまう・・・
どうやって書いてるんでしょう?
  • おんぷ♪
  • 2008/02/17 9:46 PM
すみません自己解決しました
削除してやって下さいませ。
  • おんぷ♪
  • 2008/02/18 6:11 AM
うまく行きました〜ありがとう!!
コメントする








   
この記事のトラックバックURL
トラックバック
-
管理者の承認待ちトラックバックです。
  • -
  • 2016/06/27 4:37 PM
テンプレ変更に伴いしまして、はてなスターとはてなブックマークボタンを取り付けてみました。 スターの取り付け方は、こちらを参考にしました↓ JUGEMにはてなスターいれてみた。(via みるくゼリー) 単にぽちっとつける事も、文章をマーカーしてつける事も可能
  • Daily Hatron
  • 2008/09/15 11:31 PM
付いた付いたやっと付いた,良かったー. はてなスターを付けてみました. JUGEMブログ『みるくゼリー』さんのエントリ 『JUGEMにはてなスターをいれてみた。』 を参考にさせて頂きました.(無断文中リンクすみません) なんか※2の部分がよく分かんなくて(囲っ
  • vivir.
  • 2008/06/14 12:04 AM
以下、jugemでウチのテンプレートの場合の話、ですが。 原因突き止めるのに5時間くらいかかったので、折角だし覚書。 &lt;h3 class=&quot;entry_title&quot;&gt;&lt;a href=&quot;&quot;&gt;        
  • PAZZLE*PALACE
  • 2008/02/29 3:47 PM
JUGEMテーマ:コンピュータ 最近はじめたはてなブックマークで使われてる はてなスターとやらが外部Blogでも使えるみたいなので設置してみた タイトル横の☆+とかのちっちゃいアイコンがそれ 参考にさせて頂いたサイト みるくぜりー|JUGEMにはてなスターいれて
  • 今日のぱにゃっ娘。
  • 2008/02/18 6:31 AM
久しぶりに「IT」カテゴリだ。 はてなスター なるものを設置してみました。 自分でもまだ使ってないのでよくわからんのですが、簡単に設置できたのでしばらく使ってみます。 【参考にさせていただいたサイト】 はてなスター日記 - はてなスターをブログに設置
  • Yashi-An Blog
  • 2007/07/23 1:50 PM
「人力検索」の老舗サイト、はてなポータルのサービスの一つである「Hatena::Star」をJUGEMに設置してみよう。 ちなみにHatena::Starで公開されている適応ブログ一覧にはJUGEMが無い [:しょんぼり:]
  • BASICSQUARE
  • 2007/07/14 8:30 AM
言わない。はてなスターを付けましたよ。 これでトータル5個ぐらいにつけました。や、うちひとつは失敗したまま。いいんだ別に。 で、Jugemもがっつり失敗していたのですが、今日たまたまはてスタ日記に流れたらそこで知った、『みるくぜりー』さんの『JUGEMにはて
  • nj
  • 2007/07/14 4:10 AM