忍者ブログ

ブ熊

Google Ymail 忍者 AdMax QLOOKアクセス解析

私的なブックマークを整理して保存しておく場所

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

忍者ブログのカスタマイズ タイトル横にビッグバナー(728x90)を設置

早速少しだけCSSをいじった。

タイトル右横にビッグバナー(728x90)を設置しようとすると、どういう訳か上に5px、左に5px、ずれてしまう。

タイトル右横のスペースは「プラグインカテゴリー3」という場所なので、ここに該当する箇所を探し出してCSSの記述を若干変更する。

ちなみに、広告を挿入するために追加するプラグインは「フリーエリア」というのを使う。

「フリーエリア」の『プラグインHTMLの変更』に広告のタグを書き込む。

『タイトル』の部分には、何も書き込まなくてもOK。
もし書き込むのであれば
<!-- ビッグバナー -->
みたいな感じで表示させないようにしないと、広告とともにタイトルまで表示されてしまうので
文字が入る分だけ広告がずれてしまう。


CSSの変更部分
CSSのプラグイン3に該当する部分に赤い文字の分を付け足した。
(後で元に戻す可能性もあるので初期の数値も消さないでおいた)

#PluginBlock3 .PluginContents{
  margin: -15px 0 0 -5px;
 margin: -10px 0px 0px 0px;
}

マージンを上と左に該当する部分を5pxずつ、修正した。

これによって広告画像が下に5px、右に5pxずれて、正常な位置に表示されるようになった。

ビッグバナーは一度使ってみたかったので、試せてうれしい。



PR