【アメブロカスタマイズ】アメブロの広告削除について追記 2013年11月11日バージョン

発端は読者の方からのコメントでした

今回、この記事を書くに至った理由は、読者の方から以前の記事「アメブロの広告の削除について 2013年10月7日バージョン」にコメントを頂いた事からでした。
（しかも驚く事に、同じタイミングでお二人の方から同じ内容のコメントを頂きました！）

頂いたコメントの内容はどちらも、

「記事の通りにやっても広告（３）だけが消えない」

と言うものでした。

以前の記事を書いたのが丁度1ヶ月程前でしたので、早くも広告の仕様が変更になったのかと思い、確認を行いました。
しかし、記事の通りにCSSを書くと広告（３）を消す事が出来ました。

となると、他に原因がある可能性があります。
そこで、私の方から「ブログのURLを教えて下さい」と言ったお願いをしました。
やはり、実際にその現象が起こっているブログを見るのが一番早いと思ったからです。

すると、親切な事にお二人ともご自身のURLを教えて下さいました。
そこで、早速確認させて頂くと、確かに「広告（３）」だけが表示されていました。

ちなみに、広告の一覧は以下の通りとなり、番号をふっています。
詳しくは、「アメブロの広告の削除について 2013年10月7日バージョン」 で確認して下さい。

HTMLの内容を確認する

ただひつと、私のブログとは違う所がありました。
それは、

「記事が１件も登録されていない」

という所です。なので、

「このブログにはまだ投稿がありません」

と言うエラーメッセージが表示されていした。
そこでHTMLを確認してみると、「広告（３）」の場所だけHTMLが変わってしまっています。

つまり、

「ブログに記事が入っているかいないかでHTMLが異なる」

事がわかりました。
その為にCSSが効かず、「広告（３）」が消えなかったと言う訳です。

解決方法は２つ

原因が分かれば解決する事は難しくありません。
今回の場合の解決方法は２つありますので、それぞれ紹介していきます。

まずは最も簡単な方法です。

「記事を追加しましょう」

これだけです。
記事を追加すれば、記事の入っているHTMLに変わり、CSSも効く様になります。
そうすれば、「広告（３）」も同時に消えます。

しかし、どうしても記事が入っていない状態で「広告（３）」を消したい場合もあるかも知れません。
その場合が、２つ目の解決方法になります。

CSSを編集して、広告を削除する

それでは、記事が入っていない状態で、「広告（３）」を削除するCSSを解説していきます。
まずは、CSSの編集画面を開いてください。
「ブログを書く」＞サイドバーの「ブログデザイン」の「デザインの変更」＞「CSSの編集」をクリックします。

次に以下のCSSを追加して下さい。

.skinMainArea2>p {
    display: none;
}
.gpt-frame {
    display: none;
}

注意点としては、今後記事を追加した時の場合も考え、「アメブロの広告の削除について 2013年10月7日バージョン」のCSSを記述した後に追加する様にして下さい。

CSSを追加したら、保存をクリックし、実際の画面を見てみましょう。
以下の通りに、「広告（３）」は消えていると思います。

まとめ

以上で、修正は完了です。
ちゃんと記事が入っていない状態でも、全ての広告は削除されたでしょうか？

可能であれば、記事を追加したり削除したりして、確認してみて下さい。
念のためですが、確認は大切です。

しかし、今回の様な事は実際にそう場面に遭遇しないと気づきにくいです。
ですので、こうやって多くの方からコメント頂けるのは、とてもありがたい事だと思います。

また、他にも、特定の状況だけうまくいかない場合も考えられます。
記事の通りにやってもうまくいかない場合は、ぜひその状況と合わせて教えて下さい！
お力になれるかも知れません。

あなたの問題が解決して、私も記事が増やせる！
まさしく、Win-Winですね！！

以上、鈴木でした。

たまにクリックで応援して頂けると、励みになります。
⇒《人気ブログランキング》