アメブロ（アメーバブログ）にzenbackを導入する方法

1年以上前の記事です。内容が古い可能性があります。

zenbackに関してはソースを取得するまでは記事にさせていただきました。
が、そのソースをどこにどうやって貼るかまでは解説していません。
ライブドアブログであれば「ブログ設定」→「デザイン」→「デザインカスタマイズ」でCSSだけではなくHTMLの構造までカスタマイズできるので触れなかったのです。

ところが、アメブロに導入する際はちょっとした工夫が必要。
アメブロではHTMLの構造がカスタマイズできないようなのです。

そこで、フリースペース（フリープラグイン）にソースを挿入ということになるのですが、フリースペース（フリープラグイン）に書いた項目はサイドバーに表示されてしまうといった問題があります。
それを記事下に移動させるためにちょっとしたスクリプトを用意します。

■ Ameba (アメーバ)｜ブログを中心とした動画・モバイル機能も充実の登録無料サイト
■ zenbackであなたのブログに全てのフィードバックを。

ちなみに、アメブロのいうフリースペースにはJavascriptが使えません。
代わりにJavascriptの使えるフリースペースとしてフリープラグインが用意されているのでこちらを使用します。

1. マイページからブログの「デザインの変更」をクリック。
   
2. 「サイドバーの設定」をクリック。
   
3. 「フリープラグイン」の「編集」をクリック。
   
4. ここにzenbackで作ったソース＋上記サイトに書かれているソースを流し込み「保存」をクリック。
   

以上。

流しこむソースだけ書きだしてみました。

こいつをどかっとコピペしてあげればOKです。