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

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


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

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

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


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

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

はてぶfirefox○○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ではこれが効かないということなのかな?
コメント欄で教えてもらった場所とまったく同じ記述はテンプレ内になかったので、それっぽい場所(??)に挟んでみたら見事効果が現れました。
ものすごいわからないなりですが、どなたかのお役に立てれば。

ハートをつけてあげて ハート 0

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

  1. 該当箇所に「border=”0″」を追加で。
      html”>│
      ↓
      html” border=”0″>│

  2. >panshiron えもん
    キャーありがとうございます!放置する気まんまんだったのにおかげで解決しました!そうかborderだったのか。。

  3. こんばんわ。
    えぇ,ひっそりとはてブつけてました(笑)
    あのマンガ,夜中だというのに翌日は早番だというのに,一気に読んでしまいましたから。
    あのあひるさんのエントリさえ読んでなかったら,翌日仕事中に落ちることも・・・
    いえ,またマスターなウェブマンガ,紹介してくださいww

  4. >マキパパさん
    はてブありがとうございました~。そう、あのマンガ(タイトル口にしづらいですねえ。。)の記事は珍しく複数はてブがついたので、今回の仕様追加のきっかけとなりました。
    仕事中落ちましたか!すびばせぬ。。しかしあれは本当に素晴らしい作品でしたね。現在zip配布中なのでさっそくもらっておきましたよ。

  5. [blog運営メモ] 個別記事をいきなり編集!

    泣きそうに便利!です(号泣)(もう泣いてるじゃないか)(これは心の汗さっ)(なんなんだ)
    今回のやりかたは、livedoor blogの正規の仕様変更ではなくいっちゃえばチートです。が、もう大変に便利。大助かり。
    ■限定版大好き!Blog:【ブログ・カスタマイズ】お手….

  6. [blog運営メモ] テンプレ変更しました。noteからphotoへ

    すごく久しぶりの変更です。
    ちょこっと書きましたが、やっと一段落。
    テンプレ”photo”です。
    いつも七転八倒四苦八苦するテンプレデザイン変更ですが、今回オットくんのおかげで超簡単でした。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です