ページ

2008年12月2日火曜日

本文中に貼り付けた画像の枠罫線(Border)をはずす

Blogger本文イメージのBorderBloggerテンプレートの多くは、本文中に貼り付けた画像を囲むように枠線(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; }
以上で、本文中のイメージ画像から余白、枠罫線が消えました。

Related Posts Plugin for WordPress, Blogger...
にほんブログ村 ブログブログ ブログノウハウへ
0 Comments:

売れるアフィリエイターはこうやって記事を書いていた

現代広告の心理技術101
こんな裏技、ズルすぎる!!

この本、買って読みました。
ブログやサイトアフィリエイトの記事って、実はこういったセオリーに基づいて書かれていたんですね。

同じ時間を掛けて書いた記事。
読者を巧みに購買者へ豹変させるための心理作戦。
知っているのと知らないのでは大違い。

リンクはクリックされるのに何故か成約しない理由、
少ないクリックでも何故か売れる理由。

売上レポートを見るのが楽しくなる、アフィリエイター必携のマニュアル書です。
» 『現代広告の心理技術101』