新デザインでちょっとデメリットなのが・・
読者になるボタンが目立たないこと・・
で・・・・
※サイドバーに読者一覧が配置されていないと動作しません
↓読者になるボタンを用意します（お持ち帰り自由）
250px × 70px ↓
152px × 30px ↓
まずはフリープラグインにおまじないが入っているか確認します
新デザインではjqueryが標準で読み込まれていませんので入れないと動作しません
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
または（ ↑↓どちらか1つが入っていれば大丈夫です ）
<script type="text/javascript" src="http://stat.ameba.jp/common_style/js/library/jquery/jquery-1.6.2.min.js"></script>
上のどちらかが入っているか確認して
なければどちらかをフリープラグインの一番最初にコピペします
入れたあるいは入っているのを確認したら・・フリープラグインに↓コピペ
<script type="text/javascript">
$(function(){
$(".readerRequestBtnArea .readerBtn").clone().insertBefore(".skinMainArea2");
});
</script>
[追記]もし・・・下にも設置したい場合は・・
<script type="text/javascript">
$(function(){
$(".readerRequestBtnArea .readerBtn").clone().insertBefore(".skinMainArea2").clone().insertBefore("#footer_ad");
});
</script>
赤字部分を追加します
（ＣＳＳは1つで上下を設定しますので上下で別の画像にはなりません）
次はＣＳＳです・・
/*記事上読者になるボタン*/
.skinMainArea .readerBtn{
width:152px; /*画像の幅*/
height:30px; /*画像の縦*/
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
text-indent:-9999px;
margin:10px auto 10px;/*上Ａ auto 下Ｂ*/
display:block;
}
.skinMainArea .readerBtn:hover {/*マウスオーバー時*/
background-image:url(画像のＵＲＬ);
background-repeat:no-repeat;
}
ボタンの上や下のスキマは A と B で調整します
※サイドバーに読者一覧が配置されていないと動作しません