アメブロの自分で出来る（行った）カスタムのまとめ。
「amebaなうしてね」のブログパーツが置いてあるページメモ
http://now.ameba.jp/setting/blogParts/
１：ボタンジェネレータにアクセス
２：5つを設定して「UPDATE CODE」ボタンをクリック
Twitter account:「ご自分のtwitterアカウント名」
Label:「follow me」「follow us」などから選択可能
Color:窓の横の丸いボタンをクリックすると色を選択
Side:Left Right→ブログの右につけるか左に配置するか選択
From top:→画面の上からどのくらいの位置にボタンを配置するか設定
３：コードを全てコピー４：アメブロに戻って…ブログを書く＞サイドバーの設定＞フリープラグインの「編集」 をクリック
５：フリープラグインに先程コピーしたコードをペースト
１：ツイッターの「設定」をクリック
２：ユーザー情報のウィジット)をクリック
３：新規作成をクリック
４：オプションの中でカスタマイズ
５：ドメインは「ameblo.jp」
６：フリープラグインに先程コピーしたコードをペースト
１：フリープラグインに以下のコードを追加
横幅400ピクセル、コメント初期表示件数5件のFacebookコメント欄が設置
<script src="http://p.wazameba.com/njs/fbcmt.js"></script>
<script>wzmbFBCmt()</script>
２：赤文字部分で、表示されるFacebookコメント欄の横幅をピクセル数で指定
<script src="http://p.wazameba.com/njs/fbcmt.js"></script>
<script>wzmbFBCmt(500)</script>
３：赤文字部分でFacebookコメント欄の横幅、青文字部分でコメントの初期表示件数を指定
<script src="http://p.wazameba.com/njs/fbcmt.js"></script>
<script>wzmbFBCmt(500, 10)</script>
１：設置したいfacebook pageのURLをコピーする。
２：Likebox にアクセスし、URLを入力し、チェックボックスの内容を選択。
３：GET CODEを押す
４：アメブロでは“iframe”ではなく、XFBMLのコードを使用。
５：widthの値をブログサイドバーの幅（170や250など）にしてフリープラグインから貼り付け。
１：同じウィンドウでリンク先を開く場合
<a href="リンクさせたいURL">
<img src="画像のURL"target="_blank"/></a>
２：別のウィンドウでリンク先を開く場合
<a href="リンクさせたいURL"target="_blank"/></a>
<img src="画像のURL"target="_blank"/></a>
※画像URLの取得方法
１：リンク先として使う画像をブログ画像フォルダにアップロード。
２：アップロードした画像にカーソルを合わせ、「プロパティ」を選択。
３：表示される画像URLをコピー。
１：http://rssblog.ameba.jp/ｱﾒｰﾊﾞID/rss.html
１：コードをフリープラグインに貼り付け
<script type="text/javascript">
$.getScript('http://p.wazameba.com/njs/socialbutton2.js',
function(){socialbuttons({buttons:['plusone','hatenabm','twitter','fbshare','fblike']})});
</script>
※jQuery有効化のコードよりも後に書く。
※他のプラグインと入り交じってしまわないよう注意。
２：新スキンで記事の先頭(テーマの後)に表設置したい場合
<script type="text/javascript">
$('.articleDetailArea').after('<div class="socialbuttons0"></div>');
$.getScript('http://p.wazameba.com/njs/socialbutton2.js',
function(){socialbuttons({container:'div.socialbuttons0',buttons:['plusone','hatenabm','twitter','fbshare','fblike']})});
</script>
３：記事フッターの上に設置する場合
<script type="text/javascript">
$('.skinArticleFooter').before('<div class="socialbuttons1"></div>');
$.getScript('http://p.wazameba.com/njs/socialbutton2.js',
function(){socialbuttons({container:'div.socialbuttons1',buttons:['plusone','hatenabm','twitter','fbshare','fblike']})});
</script>