【Blogger】アフィリエイト広告コードのWebビーコン1px画像を非表示にしたい

Bloggerでブログを書いていると、
アフィ広告リンクの後ろに小さい枠線、空白が表示されていた。

「（広告名）　」とか「（広告名）□」みたいなやつ。

今までは気にならなかったんだけど、
今年になってやっぱり気になりだしたので、
何とか非表示に出来ないかと模索。

先人の方々が既に実践されていました。

参考

↓を見ると俺の記事は見なくてイイですｗ
【Blogger】広告リンクの後ろにつく四角（枠線）の消し方 | メモ取り！

アフィリエイト広告コードのWebビーコン1px画像だけ非表示にする

設定変更

1.Blogger設定画面より、
「テンプレート」→「HTMLの編集」をクリック。

2.Ctrl+Fキーで「.post-header」を探す。

3.「.post-header」の直前に以下コードを追加。

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

4.テンプレートを保存。

5.再度Blogger設定画面に戻り、
「テンプレート」→「カスタマイズ」→「上級者向け」→「CSSを追加」をクリック。

6.以下のカスタムCSSを追加。

.text img[width="1"]{display:none}

7.「ブログに適用」をクリック。


以上！！
これで変な空白や枠線が表示されることは無くなるはず。