Seesaaブログでソーシャルボタンが表示されなくなってしまった

以前から、趣味のブログでいくつかの無料ブログサービスを利用しています。
その中の一つのSeesaaブログで、最近あまり設定関係をいじってなかったのですが、先日、あちこち設定をいじってたら、ソーシャルボタンが表示されなくなってしまいました。

Seesaaブログのソーシャルボタンは、管理画面の「設定」→「ソーシャルボタン」で設定すると、

20130329_Seesaa_social

ブログの記事下に好みのソーシャルボタン(ブックマークとSNS等)を配置できるという、便利な機能です。

で、これが急に表示されなくなってしまったのですが、こまめにお知らせをチェックしてなかった私が悪かったようで、ヘルプ記事が出てました。

Seesaaブログのヘルプ記事「設定> 詳細設定> ソーシャルボタン: ブログ・ヘルプ」から引用すると、

※ボタンが表示されないなと思ったら….
1・記事のコンテンツHTMLなどを編集している場合には表示できない場合があります。デフォルトのHTMLにてお使いください。
2・反映までに少々時間がかかる場合があります。お急ぎの場合にはブログ設定の【最新の情報に更新】実行ボタンをクリックしてください。

とのことで、1の“記事のコンテンツHTML”はいじっていると思うので、間違いなくそのせいでしょうね。

で、このヘルプには続きがありまして、

【2013年1月31日(木)から表示方式が順次変更されます】
本変更に伴う記事コンテンツHTMLの差分は以下の通りです。
独自に記事のコンテンツHTMLを編集している場合などに適宜ご利用下さい。

とのことで、記事のコンテンツHTMLをいじっていると、その変更が反映されないようなので、このヘルプに書かれている差分のソースを自分で変更することになります(サポートはしていないとのことです)。

ここで、そっくりそのソースを書いておきます。

■変更前

<% if:blog.bookmark_service %>
<script type="text/javascript" language="javascript" charset="utf-8">
//<![CDATA[
seesaa_bookmark_services = "<% blog.bookmark_service %>";
seesaa_article_page_url = "<% article.page_url %>";
seesaa_article_subject = "<% article.subject | remove_emoji | jsescape | tag_strip %>";
seesaa_blog_url = "<% site_info.blog_url %>";
//]]></script>
<script type="text/javascript" language="JavaScript" charset="utf-8" src="<% site_info.blog_url %>/js/bookmark.js"></script>
<% /if %>

■変更後

<% if:blog.bookmark_service %>
<div class="bookmark" data-url="<% article.page_url %>" data-subject="<% article.subject | remove_emoji | nl2br | tag_strip | html %>"></div>
<% /if %>

さらに、

■記事コンテンツの最下部に追加

<script type="text/javascript" language="JavaScript" charset="utf-8" src="<% site_info.blog_url %>/js/bl-bookmarks.js"></script>
<script type="text/javascript" language="javascript" charset="utf-8">
var bookmark_services = "<% blog.bookmark_service %>".split('-').join('').split(",");
var seesaaBookmarks = new blBookmarks({bookmark_services:bookmark_services, blog_url:"<% site_info.blog_url %>"});
seesaaBookmarks.exe();
</script>

■<head> ~ </head> 内に追加(※既に追加されている場合があります)

<link rel="stylesheet" href="http://blog.seesaa.jp/css/user-common.css" type="text/css" />

と、以上がヘルプで記載されている内容です。

で、この通りに変更、追加をしたところ、

20130329Seesaa_socialbutton

綺麗に表示されました。
今回は、珍しく解決しました(笑)

ちなみに、Google+やmixiのボタンは右端のボタン内にまとめられてます。

そもそものお知らせはこちらの内容です。未確認のかたはご確認を。
【Seesaaブログ】ソーシャルボタン機能改修のお知らせ:Seesaaからのお知らせ