【WordPress】A8.netのバナーの下の空白を消す方法

【WordPress】A8.netのバナーの下の空白を消す方法
スポンサーリンク
2022.06.09

WordPressと言うか、ブログをやっている人ならもれなくアフィリエイトバナーを貼っていると思うのですが、中でも有名なのが「A8.net」ですね。

サイドバーにバナーを貼ったりするとバナーの下に不明な空白が生まれてしまいますが、貼り付けるコードに少し手を加えるだけで簡単に解決します。

←Before  After→
 

上の画像の通り、左の画像(Before)の青い部分に謎の空白があります。
(私の場合32pxでした)

貼り付けるコード(Before)はこちらです。

<a href="https://px.a8.net/svt/ejp?a8mat=3N83C7+1F7ASY+348+6KMIP" rel="nofollow">
<img border="0" width="300" height="250" alt="" src="https://www28.a8.net/svt/bgt?aid=220407271086&wid=001&eno=01&mid=s00000000404001104000&mc=1"></a>
<img border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3N83C7+1F7ASY+348+6KMIP" alt="">

この下の「img」がイタズラしているようです。
で、ちょっと手を加えたコード(After)がこちらです。

<a href="https://px.a8.net/svt/ejp?a8mat=3N83C7+1F7ASY+348+6KMIP" rel="nofollow">
<img border="0" width="300" height="250" alt="" src="https://www28.a8.net/svt/bgt?aid=220407271086&wid=001&eno=01&mid=s00000000404001104000&mc=1"></a><img border="0" width="1" height="1" src="https://www14.a8.net/0.gif?a8mat=3N83C7+1F7ASY+348+6KMIP" alt="" style="width:0;">

「a」と下の「img」の改行を無くし「style=”width:0;”」を足すと、あ~ら不思議と空白が消えました。
なぜこうなるかは正直分かっていませんが、結果オーライとします。

個人ブログ

ページ・ナビゲーション

コメント

タイトルとURLをコピーしました