カスタマイズ・レコード１８ －ココログ・フリー：広告表示に関するメッセージ－

【ココログ・フリー：広告表示に関するメッセージ】

この春から歌舞伎に関する記事は、ココログ・フリーを利用した Hahashiori Blog Ⅱ に移しました。
ココログ・ベーシック等とフリーの違いは殆どなく、
ココログ・フリーは、@nifty の ID を持たずとも
色々な種類のファイルもアップできれば自由にカスタマイズもできるし
サブタイトル等の文字制限もない、かなり良心的なブログだと私は思っています。

…ただですねぇ…、広告の入り方が半端じゃなく凄いところが玉に瑕（きず）
特に、Google 等の検索画面からページにリンクした場合、
トップ記事の上下に広告が入るは！？・特に下の広告は画像になるは！？ で
非常に驚かされることになります
（まだご存知ではない方、是非、ご自分のページに Google や Yahoo 等の
　検索画面からリンクなさってみて下さい。　ビックリさせられますよ！？）

そこで広告表示に、「ココログからの自動挿入」 といったメッセージを表示させてみました。
初めてのココログ・カスタマイズを運営されるtakoさんが
メインとして運営されている *second message* の
ココログ：フリー版に自動表示される広告の下に「注意書き」を表示してみたを
参考にさせていただいています。

①表示広告はココログからの自動挿入であることを表示する
　 メッセージ画像を作成する
　　【注意】
　　　この時、画像に幅を持たせること！
　　　でないと、マージンが取れずに見難くなりますのでご注意！

上下に幅を持たせた画像にすると見難さを解消できます。 広告の上下で表示を変える場合は２種類の画像を用意します。 私の場合は背景が砂地と白を使用しています。

②ファイルを update する

③★＜カスタムCSS＞　に記述
（1）記事の上に表示される広告用
#google_ads_top_entry {
padding-bottom:35px;
　　　　　　　　　※画像の大きさで調整
background:url(http://～/*****.jpg) transparent no-repeat left bottom;
　　　　　　　　　※画像ファイルをアップした絶対パス
}

（2）記事の下に表示される広告用
div.adsense {
padding-top:35px;
　　　　　　　※画像の大きさで調整
background:url(http://～/*****.jpg) transparent no-repeat left top;
　　　　　　　　　※画像ファイルをアップした絶対パス
}

【注意】
上記のメッセージはブラウザによっても見え方が違ったり、
画像広告には全く表示されなかったり と、まだまだ改良の余地がある点を
ご了承の上、ご使用下さい。

また私の場合、記事ごとに枠線を入れないデザインで利用しようとすると、
Firefox 等では比較的問題なく表示できるのに
Internet Explorer6.0 ではコメントやトラックバック画面では全く表示されない不具合が生じました。
しかしどうしたことか(!?)、記事ごとに枠線を表示させるデザインにしてみると
Firefox 等と同じように表示されるようになると言った現象も起こっています。
ただ、他の方のブログを拝見すると、記事ごとに枠線を入れなくとも
問題なく表示できている方もいらっしゃるので、工夫をなさってみて下さいませ。

＜Hanashiori Blog Ⅱ の場合＞

×　このデザインだと IE6.0 の表示に不具合が出ます

○　このデザインだと IE6.0 でも殆ど問題なく表示できます

記事ごとに枠線を表示させる方法は
カスタマイズ・レコード１６　－背景画像の透過－に記しています。
今回は背景に画像を使わず、カラーコードで以下のように指定しました。

background-color:#ffffff;/*背景画像の色指定*/

但し、この方法はリッチ・テンプレートには反映されないのでご注意下さいまし！。
あくまでも、ご自分のテンプレートを作られていて、カスタマイズ等をされている場合にのみ有効です。

ひょっとして使えるようでしたらどうぞ！！。
まっ、これで大胆な広告(!?)への対応がかなり出来ました。
当分は　…これで良し！！…　として参ろうと思っております！。