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

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

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

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

 

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

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

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>

 

ABOUTこの記事をかいた人

パソコン教室に8年勤務後に独立、2012年6月から自宅にて【ぴんぽいんとパソコン教室】をスタート。おうちサイズで起業をする女性を、パソコン&スマホという分野からサポートできるよう、日々アンテナを張って新しい情報を仕入れ勉強中。ちょっと変わった変なものが好きなB型。趣味はカエル雑貨収集とフィギュアスケート観戦(ちょっと滑れます)。