2025年6月15日日曜日

日曜日, 6月 15, 2025
Blogger本文イメージの枠線を取る

Bloggerテンプレートの多くは、本文中に貼り付けた画像を囲むように枠線(Border)が入ります。アフィリエイトリンクのコードにはビーコンという縦横1pxのイメージ画像がたいてい付いてきます。

このビーコンは1px四方のちびっこのくせに表示されたページでは罫線枠付きで3mm×3mmくらいに膨れ上がり1文字くらいのスペースを取っています。

これは格好悪いので枠罫線(Border)を消してみます。


HTMLから img の border を探す

ダッシュボードの「レイアウト」-「HTMLの編集」で「テンプレートの編集」を表示します。

HTMLソースのスタイルシートから次の記述を探します。
.post img で検索すると良いでしょう。

.post img { padding: 4px; border: 1px solid $borderColor; }

これが本文中(post)のイメージ(img)に余白と枠罫線を付けている記述です。これを次のように編集します。

.post img { padding: 0; }

以上で、本文中のイメージ画像から余白、枠罫線が消えました。

0 comments:

コメントを投稿