HatenaStar.jsをバージョンアップしました - はてなスター日記
先日予告を行いました、HatenaStar.jsのバージョンアップを先ほど行いました。新しいHatenaStar.jsでは、サイトごとの設定方法が変更になっており、以下のような設定を行うことで☆を表示する位置やタイトル、URLの場所などを指定できます。 <script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script> <script type="text/javascript> Hatena.Star.SiteConfig = { entryNodes: { 'div.entry': { uri: 'h3 a.permalink', title: 'h3.title', container: 'h3.title' } } }; </script>
はてなスターのサイトごとのカスタマイズ方法が変わります - はてなスター日記
はてなスターを外部のブログサイトなどへ搭載する際に、サイトごとに☆を表示する場所などをカスタマイズする方法を変更します。 今回の変更により、CSSセレクタを使ったシンプルな設定で、☆を表示する場所、エントリーのURL、タイトルなどの場所を指定することができるようになります。 新しい設定方法は、以下のような書式となります。 <script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script> <script type="text/javascript> Hatena.Star.SiteConfig = { entryNodes: { 'div.entry': { uri: 'h3 a.permalink', title: 'h3.title', container: 'h3.title' }
はてなダイアリー・グループではてなスターの表示・非表示を選択可能にしました - はてなスター日記
さきほど、はてなダイアリーおよびはてなグループではてなスターの表示・非表示を選択可能にしました。 はてなスターの表示を行いたくない場合は、日記の設定画面から非表示選択を行ってください。なお、初期値は表示する設定となっています。 はてなスターでは、7月11日のリリース時に全てのはてなダイアリー・グループの日記ではてなスターが表示される状態でサービスを開始しました。はてなスターはサービス開始直後からさまざまなご意見を頂き、その中には「はてなスターを表示しないよう選択できるようにして欲しい」といったご要望も多数ございました。 はてなではこれを受けて、1週間ほど様子を見て判断するものとし、皆さんのご利用状況を見ながら検討を行ってきました。本日がリリースから1週間となりますが、さまざまな意見を拝見しながら、多様な利用方法に柔軟に対応できるよう、選択可能にすることが望ましいという結論に達しました。 な
もっとカスタマイズをしよう - はてなスター日記
はてなスターでは、標準ではオレンジ色の星の画像が表示されるようになっていますが、この星の画像は、自分の好きなものに変更することができます。画像を、あなたのブログやサイトにもっとよくあうものに変更すれば、はてなスターをより楽しく使うことができるでしょう。 画像を変更するには、まずは使いたい画像を用意して、それをどこかにアップロードしておく必要があります。ブログサービスであれば、画像をアップロードする仕組が用意されている場合も多いので、それを利用のもよいでしょう。はてなのフォトシェアリングサービス「フォトライフ」を使うこともできます。 画像を用意したら、はてなスターを貼り付けたページのヘッダにて、以下のようなCSSを記述します。 .hatena-star-star-image { background-image: url(http://exapmle.com/star.gif); }指定して
さりげない「はてなスター」
さりげない「はてなスター」 「「はてなスター」を導入してみた」では見出しのすぐ右に☆ボタンが出るようにしてたんですが、 これはちょっとデザインに合わないので、コメントリンクの行に出すようにしました。 テンプレートでは <span class="hatenastar"><a href="http://blog.fuktommy.com/1184164613" class="dummy">.</a></span> と出力します。 JavaScriptのところは Hatena.Star.EntryLoader.headerTagAndClassName = ['span', 'hatenastar']; こんな感じ。 で、CSSで「.」を消してます。 span.hatenastar a.dummy { display: none; } 2007-07-11 23:52:58 コメントする この記
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなスターの現状 - はてなスター日記
[観] はてなスターを設置してみました
ライブドアブログ｜無料で豊富な機能が充実