ないブログに表示されています。新しい記事を書く事で広告が消えます。去年忍者ブログが記事下にドでかい広告を表示したあとブーイングの嵐が巻き起こり、たくさんの利用者が忍者を去っていきました。忍者ブログへの苦情も相当の数に上ったはずです。スタッフ側jはそうなることを事前に分かっていたのかどうかは謎ですが、広告費を払う方にとっては広告の表示頻度が減ったわけだから、損をしたことになるんじゃないでしょうか?広告への苦情を受けて忍者側が対応策を出すまで、どれだけの利用者が忍者を去ったのか興味深々ですが、その反面で移行したくてもできない人たちもいて、毎回あの広告を見てうんざりしているわけです。いうわけで、今回はどでかい広告を記事の中から消す方法を紹介します。言っても、広告はブログを無料で利用する場合は絶対表示させなければいけないので、プラグインに移動してしまうことにしました。今までこんなに大きな広告をプラグインに貼りつけることは考えられなかったので、どのテンプレートもプラグインの幅が狭いのですが、どんなに幅の狭いプラグインでも大丈夫。サンプルはこのブログのプラグインを見ていただければ分かります。横にスクロールするようにCSSを指定し、後は広告のタグをプラグインに張り付けるだけ。誰でも簡単にできるので、ぜひとも広告を記事の中から追い出してください!CSSの指定まずはCSSの指定ですが、「テンプレートの設定」→「テンプレート編集ページ」へ行きます。余談ですが、また忍者が仕様を変えましたね。いつの間にか、右側に実際のブログの内容のプレビューが出るようになってます。左側下のCSSの中からプラグインの指定箇所を探してください。忍者オリジナルのCSSを使用しているテンプレートなら、PluginContentsと書かれたところがあります。auto;を加えます。auto;というのは、内容(この場合は広告)がもしはみ出たら、ブラウザの設定に従って自動的にスクロールを出す指定です。いうクラスを追加して書き込みます。下に忍者オリジナル用のCSSを書きましたので、クラスにPluginContentsを使用しているテンプレートの場合はコピーして使用できます。プラグイン表示部分の指定の下に貼り付けてください。auto;}忍者ブログとは全く違う方式で書かれている場合は、プラグインの内容が表示される個所を探してください。変更したら、プレビューがおかしくなっていないか確認してから保存します。出てから自動的にIE9にアップデートしているPCが多いのでI無視しています。Firefoxをインストールするように勧めてあげてください。注)どうしてもIE6のカラム落ちを防ぎたい場合は、上の指定に幅指定を加えてやるとカラム落ちしません。このブログでもIE6だけ幅指定をしてカラム落ちを防止していますが、テンプレートによってプラグインの幅はそれぞれ違うので、HTMLの知識がある人はプラグインの幅に気を付けて指定してみてください。広告のタグの貼り付け次は広告のタグの貼り付けです。管理ページ左側の「プラグインの設定」ページに入り、プラグインの追加をクリックして「フリーエリア」を追加します。新しいプラグインは自動的にカテゴリー1に入ります。プラグイン設定ページから新しいプラグインの「表示設定」をクリックして編集ページに入り、タイトルを「AD」に変更して、「プラグインHTMLの変更」部分に広告の独自タグ<!--AD1-->を貼りつければ、記事下にあった広告は自動的にプラグインに移行します。この時に広告タグの前後にHTMLを付け加え、CSSの指定が有効になるようにします。class="ninjaad"><!--AD1--></div>プラグインカテゴリーを変更する場合は、ページの一番下で変更したあと、保存します。余談ですが、知らない間にいろいろ変わるから、プラグインカテゴリーの変更場所が分からなくて焦りました。前の仕様は簡単でよかったので、ちょっと残念!以上の作業を行うと、狭い幅のプラグインの場合には自動的にスクロールが出るので、IE6以外ではテンプレートが崩れることはありません。忍者側では、強制ではないですが広告はできるだけ上の方に貼ってくれるようにとお願いしています。広告料金でブログサービスを運営しているのだし、一番上でなくても、真ん中くらいには持ってきてあげましょう。最近はアフェリエイトに励むブロガーが増えてきているようですね。記事の上や下にプラグインがあると、幅広広告や幅広プラグインをつけたい人には好都合です。広告でなくてもお知らせに使えるし、要らなくなればすぐに削除できる。記事だと更新とともに下へずれていくけれど、プラグインならいつも一番上に表示しておけます。新しいテンプレを作っている間にその気になり、広告対応テンプレを作ってみました。プラグイン5が記事の上に来ていたテンプレも、この機会に新システムに変更していきます。要らなければ、そのプラグイングループを使わなければ表示されることはありませんから、これがあって迷惑する人はいないでしょう。それでは説明に入ります。プラグイン4トップページとそれに続く記事一覧ページで、記事の上に表示されます。プレビューにはなぜが表示されませんが、あの表示されているページがトップページではないからです。トップページだけに特別なデザインをしても、プレビューでは見られないということ。プラグイン4はお知らせに使うとき用にタイトルが用意されていますが、デフォルテは広告用に非表示になっています。これを表示させたい場合は、テンプレート編集ページの右上にあるHTMLを直接変更することになりますが、ご心配なく。誰でも簡単に変更できるように、HTML内に説明書きがあります。HTMLを少しスクロールすると、下記のところが出てきます。削除すればタイトルが現れ、コピペでまた貼り付けるとタイトルはまた消えてなくなります。簡単ですから、タイトルを表示させたい方は試してみてください。広告はトップページと記事一覧ページのみの表示ですが、全ページに表示させたい場合、ピンク色の<!--if_page-->と<!--/if_page-->を削除すれば、すべてのページで表示されます。カテゴリーやアーカイブなど各検索ページにプラグインを表示させたくない場合は、緑色の<!--if_entry-->と<!--/if_entry-->をピンク色に付け加えれば、検索ページでは非表示となります。-->プラグイン5こちらは個別記事ページ(詳細記事ページ)だけに表示されます。トップページに広告があっても、検索で来る訪問者が見るのはこの詳細記事ページだけです。プラグイン4をお知らせ等広告以外に使う場合も考えて、プラグイン5を記事ページに設置。こちらは記事の下、コメントとの間に表示されます。テンプレートによってはここにランキングバナーを貼り付けて使えるものもありますが、デザイン上の問題が出る場合が多いと思うので、ランキングバナーはできれば記事の中にあるバナー設置箇所に貼り付けてください。|▲Topプラグインを一時的に非表示にする記事の上にプラグインがあるテンプレートでは、フリーエリアに幅広広告やブログパーツ、お知らせなどが入れられます。広告やブログパーツは常に表示されることが多いと思いますが、お知らせなどは期間限定ですね。一度お知らせ期間が終わると、それが書かれているフリーエリアを削除してしまわないと表示が消えませんが、またお知らせを使いたい場合や、何かの都合で広告やブログパーツを一時的にだけ表示させたくない場合などは、いちいちそこを削除してまた書き入れるのは面倒です。そこでここでは、プラグインを削除したり動かしたりせずに、表示させたり非表示にさせたりする方法をご紹介します。プラグインはブログの全ページ(コメント編集ページを除く)に表示されますが、お知らせなどで詳細記事ページには表示させたくない場合のカスタマイズも一緒に載せておきます。これはプラグイン全体に有効ですが、こういう使い方をするのは記事の上や下にあるプラグインだけだと思うので、ここでは私のテンプレにある、記事上部のプラグイン5で説明します。他の作者のテンプレではHTMLが違いますので、その個所を探してください。カスタマイズされたい方は、追記を開けてください。|▲Topプラグインのタイトルを非表示にする多くのテンプレートは、変化のないプラグインが一列に並んでいるだけです。忍者ブログにプラグインが5つもあるのは、記事の上や下に置いたり、3カラムで左右に置いたりするためだと思いますが、折り畳みなどの変化のあるプラグインを作るのにも役立っています。このプラグインの多さを利用して、タイトルのないプラグインを加えたテンプレートが他にもありますが、今回の私の新作でダメが出たため、今後はタイトル無しのプラグインは作れなくなりました。カウンターやアクセス解析、広告などでプラグインにタイトルを付けたくない場合もあると思いますので、ここではタイトルをなくす仕方を説明します。簡単なので、気軽に試してみてください。HTMLの変更の仕方テンプレート編集ページへ行き、右上にあるHTMLを変更します。忍者から出ている基本テンプレートをそのまま使用したテンプレートは、HTMLを見やすくするための見出しがついていないので、自分でプラグインの場所を探さなければなりません。HTMLを一番下まで一気にスクロールして、今度はゆっくりと上にスクロールしていくと、「コメントを編集する」と書いてある少し上のところにプラグインのブロックがあり、下のような部分が出てきます。中にはプラグインが上のほうに来ているテンプレートもあるので、その場合はHTMLの上からスクロールすれば、プラグインブロックが出てきます。プラグインの番号は下の緑の部分でわかります。この場合はプラグイン5なわけです。下の赤い部分がタイトルなので、ここを削除すればプラグインのタイトルはなくなります。<!--/plugin5-->私のテンプレにはSEO向けとそうでないものの2種類あります。SEO向けでないものは上の説明どおりです。プラグインブロックがHTMLの上部にあるものと下部にあるものとがありますが、HTMLには見出しがついているのですぐに見つけられるでしょう。SEO向けはタグが下記のようになっています。他のSEO向けテンプレートもたいていこのように見出しタグ(h3とかh4)がついていますが、赤字の部分を削除すればタイトルはなくなります。プラグイン5が記事の上にあるテンプレートはプラグインが4で終わっているので、プラグイン4のタイトルを削除します。シリーズで、プラグインの左右を入れ替えたい方用にカスタマイズの仕方をご紹介します。簡単にできますので、気軽にカスタマイズしてみてください。編集ページで変更したいテンプレートを選び、表の右側にある修正をクリックします。するとテンプレート編集ページになります。左側にあるのはテンプレート編集用エディターです。ページの右下にあるCSSをスクロールして、「プラグインブロック」の見出しを見つけてください。下に訂正済みCSSを載せましたので、コピーして差し替えるだけでOKです。更新後は3つとも同じCSSになりました。下の部分をコピーしてください。overflow:hidden;}更新前のテンプレートについては追記に入れました。更新前のテンプレートを変更されたい方は追記を開けてください。自己紹介:地球の裏側からテンプレートを送りつけています。ただいま進化中なので、勉強慾旺盛です。いつかばっちりなテンプレートを作るのが夢。コンタクト何かありましたら下記のメールフォームをご利用ください。返信をご希望の方はメールアドレスもご記入ください。komomo]ご無沙汰してます。Chromeをご使用の皆さんへ(4)IEプラスαの表示対策忘備録(4)工房(85)未選択(5)IT部門関係の話題(6)このブログへのリンク(1)このブログへのリンクこのブログをリンクしてくださる方用に、バナーを用意しました。詳しくはカテゴリー「このブログへのリンク」をお読みくださいFirefoxを支援しています管理人はFirefoxの愛好者です。IEよりはるかに優れたFirefoxをお試しあれ。ダウンロードは下のバナーから無料でできます。