[↑B]タグ生成ブックマークレット

gooブログアドバンスはテンプレートのHTML編集ができるので、記事の上や下にのような各記事のURLに応じた[↑B]タグになる値をテンプレートに埋め込むことができます。

それに対して、gooブログ（無料版）ではテンプレートのHTML編集ができません。しかし、テンプレートのCSS編集とブックマークレットで各記事専用の[↑B]タグを半自動的に生成すれば、そのタグを本文の何処か適当な所に挿入することでテンプレートのHTML編集と似たようなことができます。

CSSの編集内容とブックマークレットの内容は、以下の通りです。どうぞご利用ください。

/* はてなブックマーク画像（通常） */
A.hbLeft IMG,
A.hbRight IMG,
A.hb IMG {
  border: 0;
  width:  16px;
  height: 12px;
  background-image: url(通常の画像URL);
  background-repeat: no-repeat;
  background-position: center bottom;
}

/* はてなブックマーク画像（ポイント時） */
A:hover.hbLeft IMG,
A:active.hbLeft IMG,
A:hover.hbRight IMG,
A:active.hbRight IMG,
A:hover.hb IMG,
A:active.hb IMG {
  background-image: url(カーソルを合わせた時の画像URL);
}
/* ↑このセレクタ定義は無くても可 */

/* はてなブックマーク画像左寄せ＆文字回り込み */
.hbLeft {
  vertical-align: top;
  margin: 0px 5px 0px 1px;
  float: left;
}

/* はてなブックマーク画像右寄せ＆文字回り込み */
.hbRight {
  vertical-align: top;
  margin: 0px 1px 0px 5px;
  float: right;
}

/* はてなブックマーク画像位置指定なし */
.hb {
  vertical-align: bottom;
  margin: 0px 1px;
  float: none;
}

のブックマークレット

画像右寄せ＆本文回り込み： javascript:(function(){a=location.href.slice(22);b=prompt('↑Bタグ生成','<a class=hbRight name=hb href="http://b.hatena.ne.jp/entry/http://blog.goo.ne.jp/あなたのgooID/e/'+a.slice(a.lastIndexOf('eid=')+4)+'" title="このエントリを含む「はてブ」"><img src=/images/clear.gif alt="↑B"></a>');})(); 画像左寄せ＆本文回り込み： javascript:(function(){a=location.href.slice(22);b=prompt('↑Bタグ生成','<a class=hbLeft name=hb href="http://b.hatena.ne.jp/entry/http://blog.goo.ne.jp/あなたのgooID/e/'+a.slice(a.lastIndexOf('eid=')+4)+'" title="このエントリを含む「はてブ」"><img src=/images/clear.gif alt="↑B"></a>');})(); 画像位置指定なし： javascript:(function(){a=location.href.slice(22);b=prompt('↑Bタグ生成','<a class=hb name=hb href="http://b.hatena.ne.jp/entry/http://blog.goo.ne.jp/あなたのgooID/e/'+a.slice(a.lastIndexOf('eid=')+4)+'" title="このエントリを含む「はてブ」"><img src=/images/clear.gif alt="↑B"></a>');})();

先ずCSS編集画面で上記内容をCSSに追加した後に、お使いのブラウザに上記ブックマークレット（の何れか）を追加してください。
＃ 画像URLやあなたのgooIDは、あなたの値に置換して下さい

次に記事を編集（新規投稿）しますが、ブックマークレットの使用時には記事ID(eid)が必要なので、ブックマークレットを使用する前に必ず（下書き）保存してください。お勧めなのは、タイトルを入力してカテゴリとジャンルだけを選択したら、本文を書き始める前に一旦下書き保存する癖をつけてしまうことです。

あとは本文の好きな位置に、ブックマークレットで生成したタグを貼り付けて下さい。
＃ お勧めは、本文最終行よりちょっと手前に「右画像＆文字回り込み」です

なおgooブログアドバンスなら、テンプレートのHTML編集で{$entry}と{/$entry}の間の好きな場所に、<a class="hb" href="http://b.hatena.ne.jp/entry/{$entry_url[entry]}" title="このエントリを含む「はてブ」"><img src="/images/clear.gif" alt="↑B"></a> を挿入するだけの筈です。
＃ 試してませんけど

---

はてなブックマーク - はてな
スケーラブルな「はてブ」アイコン 2006年02月07日21:52