WebScrap

September 26, 2009

Firefoxアドオン feedlyにはてなブックマークのボタンを追加する

feedlyでは閲覧した記事をそのままTwitterやGmail、様々なソーシャルブックマークなどのWebサービスに送れるのだが、日本で一番使われているはてなブックマークは登録されていない。
元々開発が海外のアドオンでありおそらくこれから先も追加されることはなさそうなので、feedlyにはてなブックマークのボタンを追加する方法を紹介する。


まずFirefoxのプロファイルフォルダからextensions\feedly@devhd\content\app\jsと辿っていって、jsフォルダ内にある10101_feedly_xxxx.js10101_fx-app_xxxx.jsを開く。(xxxxはビルドナンバー)

そして、展開フレームに表示されるソーシャルブックマークボタンの最後のボタンの位置を探し(build 2907ではPing.fmなのでそれで検索すると早い)、そのボタンのコードの後(<a>~</a>)に次のコードを追加する。

<a href="http://b.hatena.ne.jp/add?b2=1&amp;url=');n.push(k);n.push("&title=");n.push(p);n.push('" alt="Hatena Bookmark" target="_new"><img title="Hatena Bookmark" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKTSURBVHjahFO%2FaxRBFP7mx91ebvdCcjmiCRELfySBkAiCgqCCENCQCFY2NmIKsddWbMTKwkJtjIXYKf4DVv7CUm00onAY8RBzMbm9c3d2Zmd8uxtEQZJhH8zsvPe9733vDTt65voOf3rijqwFO5FaCziyrRbjEJybsNvqvftwSfrTk0uV%2BYU53dNgWTwctgGA4xyeX8r2FSkCv6HWetCdX2Bsu%2BBiOQKxqgruVxvS2dTYWMHqBCldRsbBscKRk5UFQ4nOyjrQh6ooLlMlwI0xEs5ZqxIopVHzOMbrOTVw8kso4uNqgra2mBgqIyhxfFpPiAJxoDKgrZWZZGmSIOwpHBqu4ebc2D90v4cK8w%2BbuDBVw%2Bz%2BQZxYWs5Zci7gUgvpCC1NDExsCCnNgy4%2BbuJZcwOHxwLcP7sHp%2FcF2IiKO02%2BVDRSIZHVJG1KAFSCIUu1yZ1mRjwI1o%2BZ0b78%2FPrzOob76lB0H4YJSpL0EKQBda0ASDQBkOkiy%2FmDDXSVQSPw6GTRpfLWOjHa1OowjFH3BVKuIQoGNs9syfhmCQu33%2BLp%2BzbG6h5WbhzH1ZO7cPd5C7sHJNHXcDpjQCJSu3IAS9kzc5sAs%2BMDGKwITI76eUe%2BrUXwuEW7k4AwYIgxpzZl%2BklLdViizlKDONY5wJW5vX%2B68Kb5E9eeLOPWuSmcOjCCBy%2B%2BIIpTEpEXc3ns8qOXYXnoiI5iMBKmWhZZm%2FNlafOjo4gDQ6NWhkcT1YmoVPrPKx6CpP2K9GQiV99Qe4hJu%2BtyAFc8G%2FQRVc5dLl6HRj2bzAzYUTLyoGYmKmKZ2pmIjFGW%2Fz0fGmv511vIGJQopptEEq2vi%2F2j4p4tlRusIO%2B2eJIZFvFgjPc6q2itLP4WYAAbi1bo0KfkjwAAAABJRU5ErkJggg%3D%3D" width="16" height="16" align="absmiddle"/></a>


これではてなブックマークへのボタンが追加される。これを応用すれば、リンク先とアイコンのURLを変えるだけで他のソーシャルブックマークも同じように追加できる。

欠点としてアドオンが更新される度に修正しなければならないが、コードを貼り付けるだけでありGreasemonkeyなどを使わないので、余計に動作が重くなるということもない。


2009/09/27 追記:はてなブックマークのボタンのアイコンを変更。配布元はソーシャルメディア系アイコン / Social Media Icons - 無料ウェブ素材 Tyto-Style

2009/11/04 追記:feedly version: 2.8.117 (build 4902)への更新に伴いコードを修正。

2009/11/07 追記:アイコンをdataスキーム形式に変更。

2009/12/06 追記:feedly version: 2.9.1.161 (build 5115)への更新に伴いコードを修正。

2 Coment:

devhd said...

Hello. I am one of the co-founders of feedly. If you can share with us a few of the sharing services which are popular in Japan, we will be happy to integrate it to the product for our Japanese users. Could you please send up an email to team@devhd.com with for each sharing the following information:

Name of the service,
Sharing URL
If possible an icon for the service.

Thank you,
Edwin

other said...

>> Edwin
I see. Thank you for reporting.

Post a Comment