アメブロのコメント欄をフキダシ風にカスタマイズする方法

新CSS編集用デザインのアメブロで、コメント欄を「フキダシ風」にするカスタマイズ方法です。

ユーザー間のコミュニケーションの多いアメブロですので、そのコミュニケーションの重要な場の一つであるコメント欄をフキダシ風にして、楽しく演出してみてはいかがでしょうか。

アメブロのコメント欄をフキダシ風にする

当記事のカスタマイズは、ブログデザインCSSの編集で行いますので、もし、CSSの編集の仕方がわからない場合は先にチェックしておいて下さい。

画像等も使わず、CSSに以下を追加するだけで簡単にできます。

フキダシ内の背景色を変えたい場合は、上記コードの「訪問者コメントの背景色」「管理人コメントの背景色」と注釈の付いている行で色を指定することで、管理人以外と管理人のコメントの背景色を別々に変更することができます(各々2ヶ所ずつ変更箇所があります)。

なお、アメブロの独自属性「data-uranus-component-?????」を使っていますので、もしも、この独自属性の名前が変更となると当記事のコメントは無効になりますが、全体が無効になって初期状態に戻るようにしてありますので、大きな表示崩れにはなりにくいと思います。

まとめ

以上、新CSS編集用デザインのアメブロで、コメント欄を「フキダシ風」にするカスタマイズ方法をご紹介しました。

簡単ですが、コメント欄の雰囲気がガラリと変わると思いますので、もしよろしければ試してみて下さい。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です