Archives | Tumblr | Facebook | bullet-feed.pngRSS

ブログ:はてなブックマーク(はてブ)連動実験中その3

 一日のうちにこういった記事を連続投稿するのは、なんとなくタブーな気がするが、構わず書く。

 どうも雨っぽいので今日は散歩も行けないし、この際このブログをはてなブックマーク仕様に仕立て上げようと色々改造した。そのまとめ。

 最低限、これだけやっておけば、一応はてなブックマーカーが見に来ても使いやすいのではないかと。

改造点1
 投稿者や、コメント数の欄に、このエントリーのはてなブックマーク表示のアイコン、直ではてなブックマーク出来るリンクのアイコン、登録されているブックマーク数を表示する画像が見えるようにした。
 追加したのは下記。トラックバック数の後ろにつけてます。

<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>">
<img src="アイコンイメージのurl" width="16" height="12" style="border: none;" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
<a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink$>"><img alt="このエントリーをはてなブックマークに追加します" src="http://アイコンイメージの場所/hatenaappend.gif" width="16" height="12" border="0" /></a>
<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>">
<img src="http://b.hatena.ne.jp/entry/image/<$MTEntryPermalink$>"  border="0"></a>

改造点2
 右のサイドに、現在のはてなブックマーク数の人気エントリー順(はてなブックマーク数)を表示するリストを作成した。これで過去の記事も人気が出れば上位に出てくる。
 下記のサイトを参考にさせて頂きました。ありがとうございます。

はてなブックマーク人気エントリーを「Google Ajax Feed API」を使用して表示 : skuare.net

 足したコードは下記です。

<!-- はてな -->
<script type="text/javascript" src="http://www.google.com/jsapi?key=API KEY"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
  var feed = new google.feeds.Feed("http://b.hatena.ne.jp/entrylist?mode=rss&url=http%3A%2F%2Fwww23.big.or.jp%2F%7Enag%2Fnaagle%2F&sort=count");
  feed.setNumEntries(10); //表示件数
  feed.load(function(result) {
    if (!result.error) {
      var ul = document.getElementById("hatena");
      for (var i = 0; i < result.feed.entries.length; i++) {
        var entry = result.feed.entries[i];
        var li = document.createElement("li");
        var img = document.createElement("img");
        img.setAttribute('src', "http://b.hatena.ne.jp/entry/image/" + entry.link);
        li.appendChild(img);
        var link = document.createElement("a");
        link.setAttribute('href', entry.link);
        link.appendChild(document.createTextNode(entry.title));
        li.appendChild(link);
        ul.appendChild(li);
      }
    }
  }
  );
}
google.setOnLoadCallback(initialize);
</script>
<!-- はてな -->

 注意:"API KEY"の部分に、Google AJAX Feed APのKeyを置換します。また、URLの太字の部分は、表示させたいブックマークのフィールド(人気エントリーなど)のURLを直接入れてください。

改造点3
 同じく右のサイドに、この日記のはてなブックマーク数のカウンターを表示。今のところ0だ。しょんぼり。
 追加は下記。

<a href="http://b.hatena.ne.jp/entrylist?url=http://naglly.com/">
<img src="http://b.hatena.ne.jp/bc/de/http://naglly.com/" class="bcounter" 
alt="この日記のはてなブックマーク数" title="この日記のはてなブックマーク数"></a>

 太字を自ブログURLに書き換える。

 これでしばらく様子をみることにする。

 はてなブックマークの楽しさがだいぶ分かってきたのだけど、一番の問題は、会社から突付けない事なのである。これは実を言うと致命的。ちょっと面倒だけど、家中心でやるか。

このエントリーをはてなブックマークに追加

関連性が高いおすすめ記事


comments powered by Disqus