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

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

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

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

 

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

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

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

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

 

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

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

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

 

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

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

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

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

 

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

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

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