(MT4)広告との調和
無料版XEAにWeblogを設置すると、広告と調和してくれません。
設置サンプル(デフォルト)のように、広告+Weblogとなってしまいます。
そこで、設置サンプル(カスタマイズ済)のようにタイトルの右に広告を設置してみようと思います。
1.デフォルトで表示されている広告表示を外す
MT4管理画面の「デザイン」 -> 「テンプレート」 -> 「テンプレートモジュール」 -> 「ヘッダー」を開きます。
好きな位置に次のタグを挿入します
<!--nobanner-->
2.広告の位置をブログのタイトルに右側に広告を表示する
広告と調和させるために、今回は広告をブログタイトルの右側に表示するようにします。
先ほど開いた「ヘッダー」テンプレート内に以下のような記述があります。
<MTIf name="main_index"> <h1 id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1> <h2 id="header-description"><$MTBlogDescription$></h2> <MTElse> <div id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></div> <div id="header-description"><$MTBlogDescription$></div> </MTIf>
これを以下のように変更します。
<MTIf name="main_index"> <div id="header-block"> <h1 id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1> <h2 id="header-description"><$MTBlogDescription$></h2></div> <div id="header-ad"> <script type="text/javascript" src="http://imgj.xrea.com/xa.j?site=memo.s299.xrea.com"></script> <noscript><iframe height="60" width="468" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true" src="http://img.xrea.com/ad_iframe.fcg?site=memo.s299.xrea.com"><a href="http://img.xrea.com/ad_click.fcg?site=memo.s299.xrea.com" target="_blank"><img src="http://img.xrea.com/ad_img.fcg?site=memo.s299.xrea.com" border="0" alt="xreaad"></a></iframe></noscript></div> <MTElse> <div id="header-block"> <div id="header-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></div> <div id="header-description"><$MTBlogDescription$></div></div> <div id="header-ad"> <script type="text/javascript" src="http://imgj.xrea.com/xa.j?site=memo.s299.xrea.com"></script> <noscript><iframe height="60" width="468" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="true" src="http://img.xrea.com/ad_iframe.fcg?site=memo.s299.xrea.com"><a href="http://img.xrea.com/ad_click.fcg?site=memo.s299.xrea.com" target="_blank"><img src="http://img.xrea.com/ad_img.fcg?site=memo.s299.xrea.com" border="0" alt="xreaad"></a></iframe></noscript> </div> </MTIf>
次に、「デザイン」「テンプレート」「スタイルシート(ベーステーマ)」を開きます。
自分のわかりやすい部分に以下の1行を書きくわえます。
#header-block { float:left; width:400px; }
400pxの数値はお好みに合わせて変更してください。
以上で広告との調和を行うことができます。
オリジナルのテンプレート等を使用されている場合はこの記事をヒントに改造してみてください。
