*

ライブドアのヘッダー広告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

独自ドメインにする…ムームードメイン×ライブドア

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

トップページの個別記事のタイトルをリンク文字にする

トップページから、個別記事へと移動するときに、 10:51 といった時間や、 Comment(0)と

記事を読む

no image

管理画面説明

トップ画面の様子です。 この画面では、以下の項目が確認できます。 ブログのタイトル利用中のサービ

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

no image

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

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

記事を読む

Message

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

no image
Hello world!

WordPress へようこそ。これは最初の投稿です。編集もしくは削除

おすすめ記事

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

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

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

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

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

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

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

→もっと見る

PAGE TOP ↑