投票
アクセスランキングブログパーツ @nikutyせかんど FC2で普通のはてなスターを青色のスターにしてみた。

@nikutyせかんど

 

コマンドー系ニュースサイト

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FC2で普通のはてなスターを青色のスターにしてみた。

カラースターショップ(はてな)

カラースターとは「いいなと思った気持ちを気軽に伝えられる」はてなスターのカラーバリエーションです。カラーバリエーションはグリーンスター、レッドスター、ブルースターの3種類。

WS000345.jpg
はてなのブログみるとよく見かける「はてなスター」ですが、
エイプリルフールのネタかと思ってたんですがマジだったみたい。

star.gifstar-green.gifstar-red.gifstar-blue.gif

の順にレア度が高いそうな(実際試しに55個入りのを課金して買ってみたけど青は3つしかなかった)。

これについていろいろ言及してるところを見ていたら・・・、

090405のニュース(日日俺酔狂さん)

ならばデフォのはてすた画像を変えればいいんじゃね?

「その手があったか」ということで無限に押せるstar.gifstar-blue.gifにすれば誰か付けてくれた時に最初から一番レア度が高いやつが付くじゃん!
うはwww俺まぢ天才wwwwと思ったので変えてみることにしました。

・結論

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<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>
<style type="text/css">
<!--
span.highlight {
color: black;
background-color: yellow;
}
img.photo {
float: right;
margin: 10px;
border: 0;
}
a.keyword {
text-decoration: none;
border-bottom: 1px solid gray;
}
#iHateBlogPet {
width: 1px;
height: 1px;



visibility: hidden;
}

.hatena-star-star-image {
background-image: url('http://f.hatena.ne.jp/images/fotolife/c/ch1248/20071004/20071004144549.gif');
}

.hatena-star-add-button-image {
background-image: url('http://f.hatena.ne.jp/images/fotolife/c/ch1248/20071004/20071004144807.gif');
}

.hatena-star-inner-count {
color:#FF0000;
font-size: 80%;
}
-->
</style>

赤字のところに変えたい画像のアドレスに変えたあとテンプレートのHTML編集で「head~/head」の間のあたりに貼りつけて完了です。

以上!

■やり方
①:はてなのIDを持っている人は、はてなにログインしてからはてなスターのBlogをクリック
②:「外部のブログサイトを登録する」で自分のブログのアドレスを登録。
③:するとコードが出るので、

<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>

こんなん。

これと、
「はてなスター」を(苦労して)付けてみました w(囚人022の避難所さん)

<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>

これをさっきのやつの次に貼る。
これをテンプレートのHTML編集で「head~/head」の間のあたりに貼ると普通のはてなスターはできあがり。

④:画像を変えるのではてなスター画像を変えてるブログを探す。
カラースターとニコニ広告にふと思う(花見川の日記さん)
自分の巡回先ではこちらのブログしかなかったので、こちらを参考にさせていただきます(ちょうどカラースターに言及されてるエントリですし)。
WS000346.jpg
このようにリンク先はてなスターにAddボタンがワギャンになって押すと音波が出てくるみたいな感じですが、
ページのソース(右クリックのコンテキストメニューにあるやつ)を見ると、

<style type="text/css">
<!--
span.highlight {
color: black;
background-color: yellow;
}
img.photo {
float: right;
margin: 10px;
border: 0;
}
a.keyword {
text-decoration: none;
border-bottom: 1px solid gray;
}
#iHateBlogPet {
width: 1px;
height: 1px;



visibility: hidden;
}

.hatena-star-star-image {
background-image: url('http://f.hatena.ne.jp/images/fotolife/c/ch1248/20071004/20071004144549.gif');
}

.hatena-star-add-button-image {
background-image: url('http://f.hatena.ne.jp/images/fotolife/c/ch1248/20071004/20071004144807.gif');
}

.hatena-star-inner-count {
color:#FF0000;
font-size: 80%;
}
-->
</style>

というコードがあったので、
赤色のアドレスを、
変えたい画像のアドレスに変えて(事前にファイルをアップロードしておくといいんじゃないかと)、
普通のはてなスター用にコードに貼り付けて終了です。

たぶんこれでいいはずです。

             /)
           ///)
          /,.=゙''"/
   /     i f ,.r='"-‐'つ ____   こまけぇこたぁいいんだよっつって!!
  /      /   _,.-‐'~ /  ///  \
    /   ,i   ,二ニ⊃<●> <●>\
   /    ノ    il゙フ:     lエエエl     \
      ,イ「ト、  ,!,!|  l>+++.l::::::::::::::l      |
     / iトヾヽ_/ィ"\     lエエエl    /


コメント

コメントの投稿

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

トラックバック

この記事へのトラックバックURL
http://nikutetu29.blog52.fc2.com/tb.php/567-469cbe6a

 | HOME | 

文字サイズの変更

カレンダー

07 | 2017/08 | 09
- - 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 - -

著者紹介

nikutetu

Author:nikutetu
・20代社会人です。
・日記とネットで集めた情報を紹介するブログです。
・抗議はこちらまで↓
nikutetu29muhomuhoベネットgmail.com
無事メールを送りたければベネットを@にしろ、OK?

今日のコマンドー名言

いろいろ


Get your Portable ID!

follow nikutetu at http://twitter.com

Google フリー検索

Google

WWW検索 ブログ内検索

カテゴリ

最近の記事+コメント

フリーエリア

買い物だ

全記事表示リンク

全ての記事を表示する

FC2カウンター

月別アーカイブ

フリーエリア

FC2Ad

Template by たけやん

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。