zenbackをアメブロの記事下に設置してみた

web tool

zenbackとは、シックス・アパート社が提供するブログパーツ。

  • その記事をソーシャルサービスなどにポストするボタン
  • その記事に関係する自分のブログ記事
  • その記事に関係する他のzenbackユーザーのブログ記事（関連リンク）
  • その記事についての最新のTwitterのつぶやき
  • その記事についてのはてなブックマーク

を表示してくれます。


以下は各記事の下にZenBackを表示する設置手順。

1.zenbackに登録して以下のような貼り付けるコードを取得する。

<!-- X:S ZenBackWidget -->
<script type="text/javascript">
var url=location.href;
document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=<サイトのURL>&nsid=<割り振られるID>&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));});
</script><!-- X:E ZenBackWidget -->

2.このコードをアメブロのサイドバーの設定＞フリープラグインに貼り付ける
3.貼りつけたコードのの前に以下のコードを追記する

jQuery(function($) {
jQuery("#zenback_loady").insertBefore("div.foot");

4.つまり貼りつけたコードは以下のようになる

<!-- X:S ZenBackWidget -->
<script type="text/javascript">
var url=location.href;
document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=<サイトのURL>&nsid=<割り振られるID>&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E"));
jQuery(function($) {
jQuery("#zenback_loady").insertBefore("div.foot");
});
</script><!-- X:E ZenBackWidget -->


ネタ元