Twitter活用 (8): ブログに Twitter のブログパーツを貼ってみた

では、ブログに 「Twitter でつぶやく」ボタンを貼りましたが、
今度は、はてなブックマークのボタンを貼ってみました。

貼ったのは2つ;
1つ目は「はてなブックマークに追加」するボタン。

<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>"><img src="http://b.hatena.ne.jp/entry/image/<$ArticlePermalink$>" style="border: none; margin: 0px;" alt="はてなブックマーク - <$ArticleTitle ESCAPE$>" title="はてなブックマーク - <$ArticleTitle ESCAPE$>"></a><a href="http://b.hatena.ne.jp/append?<$ArticlePermalink$>" target="_blank"><img src="http://d.hatena.ne.jp/images/b_append.gif" style="border: none; margin: 0px 0px 0px 5px;" alt="はてなブックマークに追加" title="はてなブックマークに追加" height="14" width="16"></a> 


2つ目は「このエントリーを含むはてなブックマーク」を表示するボタン。

<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="14" style="border: none;" 
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>


このようなタグを livedoor Blog だと、
「ブログ設定」→「デザイン」→「カスタマイズ」の「トップページ」と「個別記事ページ」で;

<$PostToTwitter$> 
のすぐ後ろに埋め込みました。

それが、この記事および、トップページの「t」ボタンの後の「B!」「↑B」ボタンです 

このタグ、いろいろな記事を参考にして作ったので、意味は分かってません 

ただ、うまく動いてはくれてるみたいです。


参考記事;
livedoor Blogに「○○users」と「はてなブックマークに追加」ボタンを付ける - PictorialConnect

ブックマーク登録ボタン・アイコンを設置2
- 無料&自力でアフィリエイトサイトSEO対策


livedoor blog に「はてなブックマーク」ボタンを表示する その2
- 1yard



自分のブログに「↑B」アイコンを表示する


ソーシャルブックマーク登録ボタンの設置方法
- ブログで稼ごう ガリンペイロ



ソーシャルブックマークのボタンを設置してみました
- Blog.Ikubon.com