アメブロ新デザイン「記事の上下に読者登録」ボタン追加

この記事は2016/3/8以降使えるようになったアメブロの新しいCSS編集用デザインのカスタマイズ方法について書いています。

※プロフィール画像が丸いタイプ

アメブロの読者が少しでも増えるように確率を上げるためのひとつの方法です。

このブログ楽しいなこのブログ参考になるなって思った時にすぐ読者登録ボタンがあるのとないのとでは違うと思います。すぐ読者登録ボタンが見つからないと確率は下がってしまいます。デザイン的に気になる方はしなくても良いし、ご自由に設置してみてください。

 

記事の上下に読者登録ボタンの設置

■設置場所:フリープラグイン

下記のコードをフリープラグインにコピペしてください

<script src="https://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=アメブロID" amb-component="button" class="skin-btnSidePrimary"><span amb-icon="reader large hasLabel"></span>このブログの読者になる</a></p><br>');
});
</script>

”アメブロID”の部分にあなたのID(IDのみ)を入れるだけ!!

もうこれだけでOKなんです!!

まとめ

今回の方法もプラグインの設置で行えるので、CSS編集用デザインでなくても新デザインであれば設置可能です。少しでも多くの方があなたの読者になってくれますように♡

スポンサードリンク

宜しければ、Facebookページに『いいね!』をお願いします

20170423 大阪・あべの
ママでも1日でホームページが作れちゃう講座

~WordPressでシンプル可愛いサイトを作っちゃおう~

コメントを残す

ABOUTこの記事をかいた人

流れ構築プロデューサー岩本あきら

起業家、サロン経営者、人気カウンセラー、セラピスト、飲食店などにブログ、SNSを使ったマーケティング、コンサルティングを行っています。WEBサイトの制作、WEBツールの活用でサポートを行っています。