【アメブロカスタマイズ】サイドバーの読者登録ボタンを変更する方法

さて、今回はサイドバーにある読者登録の画像の変更方法に関して解説していきます。

通常、読者登録ボタンというのはシンプルで目立ちませんよね。

読者登録をして欲しいのならば読者登録を目立たせる事によって登録してもらう確率をアップさせる事ができます。

読者登録・アメンバー登録を増やす事ができればＳＥＯ的にもアメブロランキング的にもプラスになります。

特にアクセスの面で言えば、あなたがブログを更新した際に相手側に記事の更新を伝えてくれるので是非やっておきましょう。

私の場合はこの赤い枠のような画像にしました。

今回は

このようなボタンにしましたので是非活用してください。

まず、下記のリンクを右クリックをし「対象ファイルを保存」を選択してダウンロードしてください。

＞＞画像１のダウンロードはコチラ
＞＞画像２のダウンロードはコチラ

そうしたら、ブログの管理画面で画像をアップデートしてから下記の画像１と画像２にＵＲＬを貼り付けてＣＳＳの一番下にコピー＆ペーストをしてください。

/*サイドバー読者登録画像変更ここから*/ #readerList dt a { background-image :url(画像１); background-position :left top; background-repeat :no-repeat; display : block; height : 97px; /*画像の高さ*/ width : 215px; /*画像の幅*/ text-indent :-9999px; } #readerList dt a:hover { background-image :url(画像２); display : block; } /*サイドバー読者登録画像変更・ここまで*/

これで読者登録ボタンは完成です。

もし、ご自身で画像を製作する場合は、青い文字の部分の数字を変えてくださいね。

>>動画版はコチラをクリックする（アメンバー登録が必要となります）