アメブロのサイドバーランキングを非表示にする方法



新デザインのテンプレートを使っている場合、アメブロの仕様変更により、プロフィールの下にアメブロランキングが表示されるようになりました。

「ランキングに参加して励みにしているけれど、順位を他の人には知られたくない!
という人もいるのではないでしょうか?^^;

そこで、アメブロランキングを非表示にする方法と、文字を薄くする方法をご紹介します。

 

アメブロのサイドバーランキングを非表示にする

アメブロカスタマイズをしている場合

CSS編集画面の最下部に、以下の記述をコピペしてくださいね。

/*サイドバーのランキングを非表示にする
——————————————–*/
[data-uranus-component=”profileGenre”] {
display:none;
}

 

アメブロカスタマイズをしていない場合

フリースペースに、以下の記述をコピペしてくださいね。

<style>[data-uranus-component=”profileGenre”] {display:none;} </style>

 

アメブロのサイドバーランキングの文字を薄くする

アメブロカスタマイズをしている場合

CSS編集画面の最下部に、以下の記述をコピペしてくださいね。

/*サイドバーのランキング文字を薄くする
——————————————–*/
[data-uranus-component=”profileGenre”] dt a, [data-uranus-component=”profileGenre”] .skin-rankingResult {
color: #e4e4e4;
}

 

アメブロカスタマイズをしていない場合

フリースペースに、以下の記述をコピペしてくださいね。

<style>[data-uranus-component=”profileGenre”] dt a, [data-uranus-component=”profileGenre”] .skin-rankingResult {color: #e4e4e4;}</style>

 

Follow me!