[blog運営メモ]今さらはてブボタンをつけてみた

たまーにあひるにはてブをつけてくださるお客さんがいるので、あったほうが便利なのかなーと思い、今さらですがつけてみましたはてブボタン。
←これ。

でもあの。。あまりに青さが目立つので、自分のテンプレの色にあわせたのを作ってみた。
←これ。

でもこれだとはてブらしくなくてわかりにくすぎかなあ。。トップページに青いぽちぽちが並ぶのがうるさすぎるので、トップページはベージュにして個別ページだけは青に戻そうかしらとも検討中。
やりかたはこちらを見ながらがんばってみました。
■はてなブックマーク – ヘルプ – 自分のブログに「このエントリーを含むはてなブックマーク」ボタン
■はてなブックマーク – ヘルプ – 自分のブログに「○○users」を表示
というわけで、はてブがついてる記事だとこういう感じ↓に表示されるようになりました。
■あひるちゃんがゆく:オナニーマスター黒沢（マンガ版）、完結 – livedoor Blog（ブログ）


**追記**
試しに個別記事だけ青いはてブボタンにしてみましたが。。あれ？それ以前になんか、Safari、IEだとちゃんと表示されるのにFirefoxだと○○usersのとこがなぜかベージュの枠で囲われている。。
なぜだ。。


そしてやはりFirefoxだけのようですが、「○○users」の表示が、ユーザー0の記事では妙なベージュの四角になっててヘン。。
なぜだろう。

ユーザーがいるページでは○○usersとちゃんと表示されてるみたいなのでまあいいか。MacでFirefoxユーザーのかたには見苦しいかもしれませんがごめんなさい。解決策が見つかったら施工します（見つからなかったら放置。。）。
【追記22：49】
コメント欄に解決策が投稿されたおかげで謎の枠線治ったよ！ありがとうございます！
一応手順を書いておきます。わからないなりに。。
←この、青いはてブマークの右横の小さなベージュの四角。これはどうやら「枠線」だったようす。

○○users、のところが囲まれているのも同じもの。なるほどそうだったのか。。

なので、枠線指示を「0」にするための設定border=”0″を書き込んであげるとよい、とのこと。
結論としては、はてブのページに載っていたlivedoorblog用のタグ（タグでいいのか？）
（ <> はすべて＜＞に書き換えてあります）
│＜a href=”http://b.hatena.ne.jp/entry/＜$ArticlePermalink$＞”＞＜img src=”http://b.hatena.ne.jp/entry/image/＜$ArticlePermalink$＞”＞＜/a＞
ここの、この部分にborder=”0″を挿入しました。
│＜a href=”http://b.hatena.ne.jp/entry/＜$ArticlePermalink$＞”＞＜img src=”http://b.hatena.ne.jp/entry/image/＜$ArticlePermalink$＞”border=”0″＞＜/a＞

できたー。わーい。
検索したら「border=0をCSSで設定するには？」なんてことを話し合ってるサイトも見つけました。ブラウザによって見え方が違う場合があって皆さん工夫してるらしい。確かに、livedoorblogのテンプレも見てみると、
width=”16″ height=”12″ style=”border: none;”
という記述があり、style=”border: none; とすでに枠線なしの指定はされている様子。でもFirefoxではこれが効かないということなのかな？
コメント欄で教えてもらった場所とまったく同じ記述はテンプレ内になかったので、それっぽい場所（？？）に挟んでみたら見事効果が現れました。
ものすごいわからないなりですが、どなたかのお役に立てれば。