<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>Travellers Tales</title>
<link>http://travel-lab.info/tech/pblog/index.php</link>
<pubDate>Mon, 03 Dec 2007 02:48:33 +0900</pubDate>
<description>
Travellers Tales - RSS 2.0 (Really Simple Syndication).
</description>
<item>
<title>はてなブックマークウィジェット導入＆気がついたこと</title>
<link>http://travel-lab.info/tech/pblog/article.php?id=169</link>
<guid>http://travel-lab.info/tech/pblog/article.php?id=169</guid>
<pubDate>Mon, 03 Dec 2007 02:48:33 +0900</pubDate>
<description>はてなブックマークウィジェットが公開されていたので、早速貼ってみることに。


はてなブックマークウィジェットの公開について


はてなの被ブックマークリストは、RSS フィードで簡単に取得できるので、PHP をごにょごにょしてブログの脇に...</description>
<content:encoded>
<![CDATA[<p><a href="http://b.hatena.ne.jp/entrylist/widget?url=" title="はてなブックマーク - 注目エントリー">はてなブックマークウィジェット</a>が公開されていたので、早速貼ってみることに。</p>
<div class="exref">
<ul>
<li><a href="http://hatena.g.hatena.ne.jp/hatenabookmark/20071130/1196391914" title="はてなブックマークウィジェットの公開について - はてなブックマーク日記 - 機能変更、お知らせなど">はてなブックマークウィジェットの公開について</a></li>
</ul>
</div>
<p>はてなの被ブックマークリストは、RSS フィードで簡単に取得できるので、PHP をごにょごにょしてブログの脇に表示しようかなーと思っていたのですが、思っただけで放置していたので、こういうのが簡単にできるようになって嬉しいです。JavaScript が有効になっていないと表示されませんが。</p>
<p>以下で自分のサイトのアドレスを入力すれば、貼付ける JavaScript コードが簡単に得られます。</p>
<div class="exref">
<ul>
<li><a href="http://b.hatena.ne.jp/entrylist/widget?url=" title="はてなブックマーク - 注目エントリー">はてなブックマークウィジェット</a></li>
</ul>
</div>
<h4>はてなブックマークウィジェットでいくつか気がついたこと</h4>
<ul>
<li>ウィジェットの幅は 150/200/250px しか選択肢がないが、<code>Hatena.BookmarkWidget.width</code> を書き換えれば自由に設定できる（私は Google AdSense の幅に合わせました）</li>
<li>種類で「人気エントリー」を選んでも、タイトルが「注目エントリー」のまま。<code>Hatena.BookmarkWidget.title</code> を書き換えれば、自由にタイトルを変えられる</li>
<li>テーマを「なし」にした場合、CSS のクラス等は（閉じタグ省略）：
<ul>
<li>ウィジェット全体 <code>&lt;div id="hatena-bookmark-widget0" class="hatena-bookmark-widget-notheme"&gt;</code></li>
<li>ウィジェットタイトル <code>&lt;div class="hatena-bookmark-widget-title"&gt;</code></li>
<li>各項目タイトル <code>&lt;li&gt;&lt;a href="http://hoge" class="hatena-bookmark-entrytitle"&gt;</code></li>
<li>被ブックマーク数 <code>&lt;span class="hatena-bookmark-count"&gt;&lt;em&gt;&lt;a href="http://b.hatena.ne.jp/entry/http://hoge"&gt;</code></li>
<li>最後 <code>&lt;div class="hatena-bookmark-widget-footer"&gt;&lt;a href="http://b.hatena.ne.jp"&gt;&lt;span&gt;Hatena::Bookmark</code></li>
</ul></li>
</ul>
]]>
</content:encoded>
</item>
</channel>
</rss>