ブログ記事にたくさんソーシャルブックマークアイコンをつけてみる

よくブログ記事の先頭か最後に、ソーシャルブックマークに登録するためのリンクアイコンがありますが、「SBMBannerSeal」と「movabletype4.2」でブログ記事にソーシャルブックマークへのリンクアイコンをたくさんつけてみます。

１．SBMBannerSeal

以下のサイトで、URLとブログ記事タイトルを入力すると、たくさんのソーシャルブックマークへのリンクアイコンを表示してくれるスクリプトが生成されます。

・ソーシャルブックマークリンク追加一括作成ツール「SBMBannerSeal」

ちなみに、スクリプトを貼り付けるとこんな感じ↓

designed by seo-friends.com

ただし、このサイトを利用するだけですと、ブログ記事を書くためにスクリプトを記事を書くたびに作成しなければなりません。

２．「movabletype4.2」のテンプレートをいじって、自動で作成してもらう。

上記のスクリプトを見ると、

<script src="http://seo-friends.com/linker/seofriends_sbm.js" type="text/javascript"></script>
<script language="javascript">
<!--
sbmlinker("http://www.secondnote.net/secondnote/","セカンドノート");
//-->
</script>

と、sbminkerの第一引数と第二引数を、各ブログ記事のURLとタイトルにしてあげればいいだけなので、movabletypeの管理画面から、「テンプレート」-「ブログ記事」-「ブログ記事の詳細」と進み、ソーシャルブックマークのリンクアイコンを表示させたい箇所に、以下のスクリプトを入れます。

<script src="http://seo-friends.com/linker/seofriends_sbm.js" type="text/javascript"></script>
<script language="javascript">
<!--
sbmlinker("<$mt:EntryPermalink$>","<$mt:EntryTitle$>");
//-->
</script>

すると、簡単にそのブログ記事に、そのブログ記事を登録するソーシャルブックマークへのリンクアイコンが並びます。