Bloggerテンプレートの多くは、本文中に貼り付けた画像を囲むように枠線(Border)が入ります。ブログでアフィリエイトをやっていますが、貼り付けるアフィリエイトコードにはビーコンという縦横1pxのイメージ画像がたいてい付いてきます。
このビーコンは1px四方のちびっこのくせに、表示されたページでは罫線枠付きでmm×3mmくらいに膨れ上がり1文字くらいのスペースを取っています。これは格好悪いので枠罫線(Border)を消してみます。
ダッシュボードの「レイアウト」-「HTMLの編集」で「テンプレートの編集」を表示します。
HTMLソースのスタイルシートから次の記述を探します。.post img で検索すると良いでしょう。
.post img { padding: 4px; border: 1px solid $borderColor; }
これが本文中(post)のイメージ(img)に余白と枠罫線を付けている記述です。これを次のように編集します。
.post img { padding: 0; }
以上で、本文中のイメージ画像から余白、枠罫線が消えました。









Post a Comment