『読者になる』 ボタンを変える


【CSS編集用デザイン】で、『読者になる』ボタンを変えるやり方です。



『読者になる』ボタンは、サイドバーの

  • プロフィール
  • このブログの読者

にあります。

●プロフィール の読者になるボタン

ul.profileBtnArea .readerBtn{
background:url(画像URL) no-repeat;
text-indent:-9999px; 
}
.skinImgBtnS{
display:block;
height:28px; /*高さ*/
width:128px; /*幅*/
margin:3px auto;
}

画像URLを変更し、高さ、幅を調整してCSS編集で追加します。
(ボタン画像は作っておいて、アップロードしておきます。)

●このブログの読者 の読者になるボタン

.readerMenu .readerBtn{
background:url(画像URL) no-repeat;
display:block;
height:40px; /*高さ*/
width:250px; /*幅*/
text-indent:-9999px;
margin:3px auto;
}

画像URLを変更し、高さ、幅を調整してCSS編集で追加します。
(ボタン画像は作っておいて、アップロードしておきます。)

※『このブログの読者』 をワイドサイドバーに設置するのか、ワイドではないサイドバーに設置するかで幅が異なりますので注意してください

2017年3月からのアメブロ常時SSL化に際しまして、「フリープラグイン」を使ったカスタマイズが利用できなくなる可能性があります
【追記あり】アメーバブログの常時SSL化に伴う仕様変更について|スタッフブログ
フリープラグインを使ったカスタマイズはせずに、CSSを使ったカスタマイズを行ってください

コメントを残す