amestyle

amestyleは、アメブロの各種画面（ホーム・ブログ管理・プロフィール・公開画面など）に独自のスタイルを適用して見やすくカスタマイズするための、無料のChrome拡張機能です。

機能概要

amestyleを使うと、アメブロの各種画面（ホーム・ブログ管理・プロフィール・公開画面など）に独自のスタイル（CSS）を適用し、余計な情報を消してスッキリさせたり、わかりやすく色分けしたりできます。

また、いくつかの設定は、事前にプリセットとして用意してありますので、チェックボックスを選択するだけで利用することが可能です。

Amebaホーム画面(www.ameba.jp/home)で有効になる設定です。

ここにアメーバIDを入力すると、フォローをしたままフォローフィードから消す（擬似的にミュートする）ことができます。

Amebaホーム画面の表示を独自にカスタムするためのCSSを記述します。

例えば、以下のようなCSSを記述すると、Amebaホーム画面のフッター部分が非常にシンプルになります。

.HomeFooter { display: none; }
.AbemaCopyrights { display: none; }
.FooterAmeba { display: none; }

ブログ管理画面(blog.ameba.jp/～)で有効になる設定です。

ブログ管理画面の表示を独自にカスタムするためのCSSを記述します。

例えば、管理トップの下記のような箇所が要らない場合は・・・、

以下のようなCSSを記述すると非表示にすることが可能です。

.ucsTop #ucsMainLeft #subContentsArea .post { display: none; }

プロフィール画面(www.ameba.jp/profile～、profile.ameba.jp/～)で有効になる設定です。

プロフィール画面の表示を独自にカスタムするためのCSSを記述します。

現状、プロフィール画面には特に邪魔になるような項目は無いかもしれませんが、今後そういった項目が表示がされるようになった場合に利用していただければと思います、

アメブロ公開画面(ameblo.jp/～)で有効になる設定です。

アメブロの公開画面の表示を独自にカスタムするためのCSSを記述します。

自分のブログ（アメブロ）だけではなく、他のユーザーのブログにも反映されます。

例えば、広告ブロックを入れているとスクロールした時にサイドバーやヘッダーメニューの表示がズレてしまう症状が出ることがありますが、以下のようなCSSを記述すると改善する可能性があります。

.skin-blogSubAInner, .skin-blogSubBInner {
  position:static !important;
}

ただし、飽くまでも自分のブラウザで見たときの表示をカスタムするだけなので、他の人が他のPCのブラウザで見た時には反映されません。