*

ライブドアのヘッダー広告HTMLを一番下に配置する方法

このカスタマイズは、ブログの管理画面の「デザイン設定」右下「カスタマイズ」にて行います。
デザイン変更を行うとやり直しになりますので、ご注意くださいね。

デザイン(CSS)での変更箇所。

<追加>
#ld_logo{
position:absolute;
top:0px;
left:0px;
}

既存の「#container」にmargin-top:30px;を<追加>
<例>
#container{
margin-top:30px;
width:○○○px;
margin:0 auto;
text-align:center;
word-break:break-all;
background:○○○○;
}

さらに、トップページ、個別記事ページ、カテゴリアーカイブ、月別アーカイブのカスタマイズ。


まず、<body><a name=”top”>の下にあるライブドア広告表示用のHTMLすべてを</body>の手前まで移動。

そのHTMLのかたまりを、このHTMLで囲みます。

<div id=”ld_logo”>
≪広告のHTML!≫
</div>

具体的には、こんなカンジになります。

<div id=”ld_logo”>
<table cellspacing=”0″ id=”header”>
<tr>
<th><img src=”http://parts.blog.livedoor.jp/img/cmn/logo.gif” border=”0″ alt=”livedoor ブログ(Blog)- アフィリエイト・法人利用もOK、無料/有料ブログサービス” title=”livedoor ブログ(Blog)- アフィリエイト・法人利用もOK、無料/有料ブログサービス” usemap=”#logo” /></th>
<td class=”catprbox”><span>[ <a href=”<$BlogRootCategoryUrl$>”><$BlogRootCategoryName$></a> – <a href=”<$BlogCategoryUrl$>”><$BlogCategoryName$></a><IfBlogPrefName> |  <a href=”<$BlogPrefUrl$>” target=”_blank”><$BlogPrefName$></a></IfBlogPrefName> ]</span>
<script type=”text/javascript” src=”http://img.blog.livedoor.com/js/header.js”></script></td>
<td class=”newstickerbox”><div align=”right”>
<script type=”text/javascript” src=”http://blog.livedoor.com/js/scroll.js”></script>
<script type=”text/javascript” src=”http://blog.livedoor.com/header/news_scroll_v.js”></script>
<script>header_topics.start();</script></div></td>
<td class=”startblogbox”><a href=”http://www.livedoor.com/”><img src=”http://parts.blog.livedoor.jp/img/cmn/logo_ld.gif” border=”0″ alt=”livedoor” title=”livedoor” /></a><a href=”http://blog.livedoor.com/startblog.html”>カンタン!</a><a href=”http://blog.livedoor.com/”>ブログをはじめよう</a></td>
</tr>
</table>
<map id=”logo” name=”logo”><area shape=”rect” coords=”1,1,55,23″ href=”http://www.livedoor.com/”><area shape=”rect” coords=”56,1,130,22″ href=”http://blog.livedoor.com/”></map>
</div>

ひとつのテンプレートをカスタマイズするたびに「この内容で保存する」ボタンを押し忘れないように♪

あとは、ブログの再構築をしてください。
一番下に広告が出てしまう場合は、デザイン(CSS)だけを再構築した上で、ブラウザの再読み込みを行ってくださいね。

ライブドアの広告が一番上に出てきたら、カスタマイズ終了!

関連記事

no image

ライブドアブログ上部の広告について

「儲かるキーワード発掘法」の音声を聞いていて、ムカッ腹が立ったので、 記事を書きます(笑) ちなみ

記事を読む

no image

個別記事にサイドバーをつける……デザインがズレた?!

前回、個別記事にサイドバーをつけるコツをお知らせしたのですが、 どうやら、デザインが横にズレてしまう

記事を読む

no image

デザインカスタマイズが楽に

ブログテンプレートを編集しようとすると わりと面倒な画面遷移が必要だったのですが とうとう!管理画面

記事を読む

no image

ブログ全体の文字を、ワンサイズ大きく・小さくするには?

ブログの文字、ちょっと小さい方がデザイン的にはちょっとかっこよく見えます。 でもね、誰もが小さい文字

記事を読む

no image

トップページに目次を作る

トップページに目次を用意しましょう。 たくさんの記事を書いていると、 サイドバーに表示される「最新

記事を読む

no image

独自ドメインにする…バリュードメイン◎ライブドア

この「モテるブログ」は、もともと、 http://blog.livedoor.jp/moteblog

記事を読む

no image

ページトップの画像を変更する

既存のデザインも、トップの画像を差し替えるだけで、 随分と、印象が変わります☆ そこで! トップ

記事を読む

no image

個別記事にサイドバーをつける……コツだけ!紹介

リニューアル前のデザインでは、個別記事・カテゴリ別・月別には、サイドバーがありませんでした。 そこで

記事を読む

no image

ブログのデザインがちゃんと反映されていないとき

ブログのデザイン変更をしたり、カスタマイズをしてみた後に、自分のブログを見てみても……なんだか、変わ

記事を読む

no image

最新記事の表示数を変える方法

トップページに並ぶ記事の数を変更する方法です。 多すぎる場合は少なく、少ない場合は多くすることが出来

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

おすすめ記事

【モテるブログ】総合メニューモテるブログ ■ライブドアブログカスタ

no image
他人が書いた不都合な記事を検索結果から削除する方法

琉海も過去に何度か「記事内容を削除してください」という依頼を受けて削除

no image
ブログをアクセスアップさせる裏技

私自身は「やりません」が、アクセスアップに効果があるのでご紹介しておき

no image
有料ライブドアブログからMTへお引越しする方法

このブログもそうなのですが、 独自ドメイン&有料ライブドアブログPRO

no image
アクセスを集めるのは簡単?

→もっと見る

PAGE TOP ↑