忍者ブログへの苦情も相当の数に上ったはずです。
スタッフ側jはそうなることを事前に分かっていたのかどうかは謎ですが、広告費を払う方にとっては広告の表示頻度が減ったわけだから、損をしたことになるんじゃないでしょうか?
広告への苦情を受けて忍者側が対応策を出すまで、どれだけの利用者が忍者を去ったのか興味深々ですが、その反面で移行したくてもできない人たちもいて、毎回あの広告を見てうんざりしているわけです。
というわけで、今回はどでかい広告を記事の中から消す方法を紹介します。
と言っても、広告はブログを無料で利用する場合は絶対表示させなければいけないので、プラグインに移動してしまうことにしました。
今までこんなに大きな広告をプラグインに貼りつけることは考えられなかったので、どのテンプレートもプラグインの幅が狭いのですが、どんなに幅の狭いプラグインでも大丈夫。
サンプルはこのブログのプラグインを見ていただければ分かります。
横にスクロールするようにCSSを指定し、後は広告のタグをプラグインに張り付けるだけ。
誰でも簡単にできるので、ぜひとも広告を記事の中から追い出してください!
CSSの指定
まずはCSSの指定ですが、「テンプレートの設定」→「テンプレート編集ページ」へ行きます。
余談ですが、また忍者が仕様を変えましたね。
いつの間にか、右側に実際のブログの内容のプレビューが出るようになってます。
また苦情がきたのかも・・・
左側下のCSSの中からプラグインの指定箇所を探してください。
忍者オリジナルのCSSを使用しているテンプレートなら、PluginContentsと書かれたところがあります。
/* プラグイン表示部分 */
div.PluginContents {
padding: 5px 10px;
}
上の部分にoverflow: auto;を加えます。
overflow: auto;というのは、内容(この場合は広告)がもしはみ出たら、ブラウザの設定に従って自動的にスクロールを出す指定です。
ただ、上の指定だけだとすべてのプラグインに影響し、カウンターの下に出てくるグラフが見えなくなるので、広告だけがスクロールするように .ninjaad というクラスを追加して書き込みます。
下に忍者オリジナル用のCSSを書きましたので、クラスにPluginContentsを使用しているテンプレートの場合はコピーして使用できます。プラグイン表示部分の指定の下に貼り付けてください。
/* プラグイン忍者広告表示部分 */
div.PluginContents .ninjaad {
padding: 5px;
overflow: auto;
}
忍者ブログとは全く違う方式で書かれている場合は、プラグインの内容が表示される個所を探してください。
変更したら、プレビューがおかしくなっていないか確認してから保存します。
IE6 ではカラム落ちしてプラグインが記事の下になってしまいますが、どうせIE6は中国以外は消滅への道をたどっているし、IE9 が出てから自動的にIE9にアップデートしているPCが多いのでI無視しています。もしIE6 やIE7 を使用している読者から表示がおかしいと言う報告があったら、IE8 かIE9 、またはFirefoxをインストールするように勧めてあげてください。
注)どうしてもIE6のカラム落ちを防ぎたい場合は、上の指定に幅指定を加えてやるとカラム落ちしません。このブログでもIE6だけ幅指定をしてカラム落ちを防止していますが、テンプレートによってプラグインの幅はそれぞれ違うので、HTMLの知識がある人はプラグインの幅に気を付けて指定してみてください。
広告のタグの貼り付け
次は広告のタグの貼り付けです。
管理ページ左側の「プラグインの設定」ページに入り、プラグインの追加をクリックして「フリーエリア」を追加します。
新しいプラグインは自動的にカテゴリー1に入ります。
プラグイン設定ページから新しいプラグインの「表示設定」をクリックして編集ページに入り、タイトルを「AD」に変更して、「プラグインHTMLの変更」部分に広告の独自タグ<!--AD1-->を貼りつければ、記事下にあった広告は自動的にプラグインに移行します。
この時に広告タグの前後にHTMLを付け加え、CSSの指定が有効になるようにします。
<div class="ninjaad"><!--AD1--></div>
プラグインカテゴリーを変更する場合は、ページの一番下で変更したあと、保存します。
また余談ですが、知らない間にいろいろ変わるから、プラグインカテゴリーの変更場所が分からなくて焦りました。前の仕様は簡単でよかったので、ちょっと残念!
以上の作業を行うと、狭い幅のプラグインの場合には自動的にスクロールが出るので、IE6以外ではテンプレートが崩れることはありません。
忍者側では、強制ではないですが広告はできるだけ上の方に貼ってくれるようにとお願いしています。広告料金でブログサービスを運営しているのだし、一番上でなくても、真ん中くらいには持ってきてあげましょう。 ]]>