PCインストラクターの川上です。
通常、サイドバーの『読者になる』ボタンは、
旧デザインの方は、上部にあるのですが、
![川上雄大のワンポイントレッスン](https://stat.ameba.jp/user_images/20140320/14/sumitak1329/ff/84/j/o0420041112881071849.jpg?caw=800)
新デザインの方は、下部に表示されています。
![川上雄大のワンポイントレッスン](https://stat.ameba.jp/user_images/20140320/14/sumitak1329/b4/a2/j/o0420041112881071848.jpg?caw=800)
やっぱり・・・
上にあると、読者登録するボタンに気づきやすかったりします。
ですので、新デザインにおいて、サイドバーの「このブログの読者」欄で『読者になる』ボタンを上部に表示する方法をお伝えいたします。
次のコードをフリープラグインに追加するとOKです。
<!--読者になる-上に移動-->
<script>
$(function(){
$('.readerRequestArea').prependTo('.readerMenu .skinMenuBody');
});
</script>
(注:フリープラグインの先頭にjQueryコードが入っていることとしています。)
なお、もうフリープラグインの最大文字数3,800文字到達していて、追加できない方は、
こちらの過去記事『アメブロ フリープラグインの外部化…Dropboxを使う編』で再チャレンジされるとよいです。
このままでもOKですが、「CSSの編集デザイン」の方は、
[CSSの編集]でCSSコードを追加して、ボタン位置の調整を行うとよいですね。
/* 読者になるボタンの位置調整 */
.readerRequestArea {
margin:5px 0 10px 0;/*上 右 下 左*/
}
(margin:5px 0 10px;/*上 左右 下*/ でも同じです。)
![川上雄大のワンポイントレッスン](https://stat.ameba.jp/user_images/20140320/15/sumitak1329/5f/4d/j/o0333014612881093768.jpg?caw=800)
↑上と下の茶色の部分に余白が設定されます。
こうやって私も『読者になる』ボタンを上に移動していますが、私の場合はさらにオリジナルの画像に変えています。
![川上雄大](https://stat.ameba.jp/user_images/20140321/15/sumitak1329/cf/02/p/o0384042712882147772.png?caw=800)
その方法は次回にお知らせしますね~^^!
以上、ワンポイントレッスンでした。
LIDS澄川・ライフデザインスクール
川上 雄大