忍者ブログ
デタラメ と呼ばれた君の夢の続きはまだ胸の中で震えてる
カレンダー
04 2024/05 06
S M T W T F S
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 31
最新コメント
[04/19 へでゅ]
[04/15 まじかる☆スフィー]
[04/19 へでゅ]
[04/19 ぃ]
[04/02 へでゅ]
ブログ内検索
バーコード
アクセス解析
かうんた

[PR]

at 20:50:29 │EDIT
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

忍者ブログにはてなスターつけてみた

at 18:12:34 │EDIT
いんたあねっとの隅っこにあるブログですが、スターつけてみました。
にしきのではありません。

はてなスターはじめてガイド

気に入った記事があればタイトル横の★をクリックすると、ブログに★がつきます。

参照↓
はてなスターをブログに設置するには(公式)
ロリポブログにはてなスターを設置
(内容は同じ感じ。みやすくきれいに書かれてます)

忍者ブログのトラバがはてなになさそうだったので、以下やり方をメモ。


BLOG管理ページに行って、「テンプレート設定/編集」
 ↓
現在使ってるテンプレートを「修正」
 ↓
<head></head>タグ内のどこかに↓を追加(スクリプト全文)

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.EntryLoader.headerTagAndClassName = ['h2','entry_titlefont'];
Hatena.Star.Token = 'なんたらかんたら';
</script>

はてなが用意しているスクリプトはそのままでは忍者ブログで動かず。
「permalinkが必要」なんだそうで、permalink、つまり、ブログ内の記事URLをはてなに渡してあげればいい、と。
はてなスターはタグ<h3>にリンクがあればそれをpermalinkとみなしているそうで、
私の使ってるテンプレートは、<h2>に記事タイトルへのリンクが貼られてる。
さらにCSSでクラスが割り当てられている場合、それもなんとかしないと記事タイトルとはみなされないんだとか。

なので、↓の一文をスクリプト内に埋める。
(上のスクリプト全文に入ってるのは私のブログの環境のcssです)


Hatena.Star.EntryLoader.headerTagAndClassName = ['タグ名','タグ内クラス属性'];

これでテンプレートを保存
 ↓
ブログで確認すると、はてなスターついてました。
PR
COMMENT[ 0 ]

Comment form
  • コメントは投稿フォームです。
Vodafone絵文字 i-mode絵文字 Ezweb絵文字

 ※編集時に必要です。
 ※チェックすると管理者へのみの表示となります。
 

TRACKBACK []
Trackback URL
  • この記事のURLとトラックバックURLです。
  • 必要に応じてご使用ください。
この記事のURL▼
この記事のトラックバックURL▼
誕生月です。ありがとう
■Pya!の「ありがとう(ry」
■ リンク ■
・当ブログはリンクフリーです
・外部サイトへのリンクはアイコンをクリックすると新しいウィンドウで開きます
■ プロフィール ■
HN:
へでゅ
性別:
非公開
趣味:
パソコン、インターネット、ゲーム
自己紹介:
自分の「お気に入り」を忘れないように
書き留めておくブログ
webサイトだったりモノだったり