画像のボーダー（枠線）をなくす方法

ブログに画像を添付すると画像の周りにフレームが自動でつくのですが これは取る事ができますか？フレームがつくだけなら別にいいのですがアフィリエイトの画像なども載せておりまして その場合、画像の右に【ロ】のような四角がでます。

こんな質問メールが来ました。「同じことで悩んでいる人が他にもいるかも」と思ってこちらで回答することにします。

たとえば、次のようなエントリーを書いたとします。



するとアフィリエイトの広告リンクの横に、不自然な四角形の枠が表示されてしまいます。多分これのことですね。

ここには、見えない 1 x 1 ピクセルの画像が入っています。広告が何回表示されたのか統計を取るために、アフィリエイト広告のコードにはたいていこのような画像のコードが含まれています。ブログの方で画像に枠を表示する設定になっていると、この統計用の画像にまで枠が表示されて、上掲のような不自然な四角が出てしまう、というわけ。


画像のボーダーをはずす

そこで、投稿中の画像のボーダー（枠線）のはずし方をご紹介。

１．Blogger 管理画面「テンプレート ＞ HTML の編集」のテンプレートコードから、次のようなコードを見つけ出します。完全には一致しないかもしれませんが、ともかく .post img についての設定のかたまりを見つけてください。

.post img {
  padding: 4px;
  border: 1px solid #cccccc;
}

２．それを次のように変更します。

.post img {
  padding: 0;
  border: 0 none;
}

３．「テンプレートを保存」ボタンを押すと終了です。それだけ。


Blogger ブログでアフィリエイトをされている方は、ぜひ試してみて下さいね。


関連：

• クリボウの Blogger 入門: Blogger でアフィリエイト