記事エリア上下に読者登録ボタンを設置するカスタマイズ（最新版デザインスキン対応）

こんにちは。
『やさしいブログの作り方』の松田です。



２代前のアメブロデザインスキンには、記事エリアの上下に「読者になる」ボタンが用意されていましたが、１世代前のデザインスキンからなくなりました。

最新版のデザインスキンにもありませんが、私自身は今、カスタマイズしてそこに読者になるボタンを表示させています。


正確に計測したわけではありませんが、ここに読者になるボタンがある方が読者登録が増えやすいように思います。

あくまで感覚的に、ですが。＾＾；


最新版のデザインスキンにも読者になるボタンが設置できるカスタマイズを考えてみました。

せっかくなので、もともとサイドバーにある「読者になるボタンの体裁を踏襲して、全体に統一感が出るように、採用しているデザインスキンのボタンデザインに自動的になるようにしてみました。


以下のタグをフリープラグインの先頭に貼り付けてください。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(function(){
$(".skin-paging").before('<p amb-component="widgetButton" class="skin-widgetButton"><a href="http://blog.ameba.jp/reader.do?bnm=amecafe2011" amb-component="button" class="skin-btnSidePrimary"><span amb-icon="reader large hasLabel"></span>このブログの読者になる</a></p><br>');
});
$(function(){
$(".globalLinkArea").before('<br><div class="designSelectBtnArea"><a class="designSelectBtn skinImgBtnM" target="_blank" href="http://blog.ameba.jp/reader.do?bnm=amecafe2011"><span><img src="http://emoji.ameba.jp/img/user/pi/pink---rose/40386.gif" draggable="false" alt="book*" height="16" width="16" data-ameba-id="pink---rose" data-id="40386">　このブログの読者になる</span></a></div>');
});
</script>

上記タグ内２箇所のamecafe2011は、ご自身のアメブロＩＤに置き換えてください。




うまくいけば上記の画像のように、前ページ／次ページのボタンの上に読者になるボタンが表示されます。




旧デザインスキンの方は上のような感じのボタンになります。


最後までお読みいただきありがとうございました。

無料メール講座配信中

これからブログを頑張っていきたい！ まずは基本から。
やさしいブログづくりのための、やさしいメール講座（全１０回）

やさしいブログ、書籍化！

ブログでビジネスを軌道に乗せるための行動術

「ブログを続けていてよかった」
そんな気持ちを一人でも多くの人と共有したいと思っています。＾＾

やさしいブログの仕事術

どんなビジネスも突き詰めれば人対人。
その良好な関係を築くのは、相手をおもんばかる気持ちと行動です。