はてなブログの本文中に差し込まれる広告を見分けやすくするCSS - ただいま村

最近のGoogle広告にはブログの本文の途中に差し込まれるものがあり、記事と広告の区別がわかりづらいことがある。PCからの閲覧時に広告が目立つよう、下のようなCSSをしつらえた。 div.google-auto-placed.ap_container, div.sleeping-ad-in-entry, div.variable-rectangle-ad { margin: 4em 0; /* 広告と本文との上下間隔を広くとる */ padding: 2em 0; /* 広告の上下に広告領域の背景色が見える場所を作る */ background-color: rgb(0 0 0 / 0.08); /* 背景色の指定。透明度8%の黒 */ border-radius: 5em; /* 背景色の領域に大きめのRをつけて目立たせる */ } （2024年10月10日追記：新しい広告表示に対応させ

[pikopikopan]

こういうのありがたい。うっかり読んでしまいそうになるので。

[anmin7]

はてなブログ運営側がこういうのやるべき。