ヘッダー広告の移動
2006年03月31日 AQ
※ お断り （ 追記 ： ２００６年7月12日 ）上記日付時点での規約にも記載はされていませんが、利用者からのライブドアへの問い合わせにおいて、ヘッダー広告の移動も規約内の禁止事項に含まれる 旨の返答が、ハッキリと明示されました。これを受けて、この記事に掲載されているカスタマイズを実行する事は、規約違反となります。過去の流れを保存する備忘録として、この記事を削除する事無くおいておきますが、このページに記載されているカスタマイズを実行にうつす事は、ご遠慮下さい。m(_ _)m
ライブドア ナレッジ の中でも特によく目に付く質問が、この上にある 『 ヘッダー広告 』 の削除の問題 
削除するのは技術的にいえば簡単なんですが、ライブドアの規約によりそれをする事を禁じられています。
■ 利用規約
第8条 （ 禁止事項 ）
利用者は、本サービスを利用して以下の行為を行わないものとします。
( 1 ) 本サービスにより利用しうる情報を改ざん ・ 消去する行為、又は事実に反する情報を送信 ・ 掲示する行為
利用者は、本サービスを利用して以下の行為を行わないものとします。
( 1 ) 本サービスにより利用しうる情報を改ざん ・ 消去する行為、又は事実に反する情報を送信 ・ 掲示する行為
第5条 （ 禁止行為 ）
livedoor Blog BUSINESS に申し込みせずに弊社が利用者のウェブログに自動的に表示しているリンク、画像を非表示にする行為、もしくはしようと試みる行為
livedoor Blog BUSINESS に申し込みせずに弊社が利用者のウェブログに自動的に表示しているリンク、画像を非表示にする行為、もしくはしようと試みる行為
弊社 「 livedoor Blog 」 利用規約にて明記させて頂いておりますが、お問い合わせ頂きましたバナー、リンクにつきましては非表示にする行為、もしくはしようと試みる行為につきまして、禁止させて頂いております。利用規約違反となりますので、何卒ご了承頂きます様お願い致します。
さて困りました。無料プランならわかりますが、有料プランのライブドア PRO 使用者にすれば、なんか納得がいきません。
・・・ でも、規約は規約。言うこと聞くしかなさそうです。
ん
でも待てよ ・・・ 結局、表示させていれば問題ないんだ！ どこに表示させるかは規約の中では明記されていない。ということは、ヘッダー広告を足元 （ アウトフッター
） に移動させても良いのかな 
な〜んて AQ の勝手な解釈で、カスタマイズしてみました。※ この記事の内容は、勝手な解釈においてのカスタマイズです。試みるさいは、ご自身でよく判断して自己責任にておこなうよう、お願い致します。
各 HTML を上から順に目で追ってみると、<a name="top"></a> というものが見つかると思います。（ 無いテンプレートも存在するかも知れません ） そのすぐ下に、こういう部分があります。
<table cellpadding="0" cellspacing="0" width="100%" border="0"
id="header">
<tr>
<th width="1%">
<img src="http://parts.blog.livedoor.jp/img/cmn/logo.gif" vspace="3" hspace="10" border="0" alt="livedoor Blog（ブログ）" title="livedoor Blog（ブログ）" usemap="#logo" width="132" height="24"></th>
<td width="1%" nowrap>[
<a href="<$BlogRootCategoryUrl$>"><$BlogRootCategoryName$></a> - <a href="<$BlogCategoryUrl$>"><$BlogCategoryName$></a>
]
<script type="text/javascript" src="http://img.blog.livedoor.com/js/header.js"></script>
</td>
<td width="97%"><div align="right"><script type="text/javascript" src="http://js.news.livedoor.com/blog/default.js"></script></div></td>
<td width="1%" nowrap>
<img src="http://parts.blog.livedoor.jp/img/cmn/logo_ld.gif" border="0" alt="livedoor" style="vertical-align:middle;margin-right:3px;" width="17" height="16"><a href="http://www.livedoor.com/">livedoor ホーム</a></td>
</tr>
</table>
<map 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>
<tr>
<th width="1%">
<img src="http://parts.blog.livedoor.jp/img/cmn/logo.gif" vspace="3" hspace="10" border="0" alt="livedoor Blog（ブログ）" title="livedoor Blog（ブログ）" usemap="#logo" width="132" height="24"></th>
<td width="1%" nowrap>[
<a href="<$BlogRootCategoryUrl$>"><$BlogRootCategoryName$></a> - <a href="<$BlogCategoryUrl$>"><$BlogCategoryName$></a>
]
<script type="text/javascript" src="http://img.blog.livedoor.com/js/header.js"></script>
</td>
<td width="97%"><div align="right"><script type="text/javascript" src="http://js.news.livedoor.com/blog/default.js"></script></div></td>
<td width="1%" nowrap>
<img src="http://parts.blog.livedoor.jp/img/cmn/logo_ld.gif" border="0" alt="livedoor" style="vertical-align:middle;margin-right:3px;" width="17" height="16"><a href="http://www.livedoor.com/">livedoor ホーム</a></td>
</tr>
</table>
<map 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>
この部分すべてを、アウトフッター部分に移植します。
赤い字 の部分は、「 重要な部分になりますよ！ 」 という意味で色を変えてあります。上のグレー枠の中に記載してある HTML タグすべてが、ヘッダー広告を表示させる為のものです。
ではこれを移動させましょう ・・・
移動させる位置は、各 HTML の一番最後のタグ、</html> のすぐ上に入れるのが良いでしょう。使用するテンプレートによっては <div id="footer"></div> だけでなく、<div id="outfooter"></div> のタグが存在するテンプレートもあり、AQ はこの後者のタグ <div id="outfooter"></div> の中に入れているのですが、テンプレートの構造により入れるところが違うと、ブログ全体の表示が崩れる場合があるみたいです。
色々と検証してみた結果、一番最後のタグ </html> のすぐ上に入れると、テンプレートが変わっても無事に問題なく表示される事がわかりました。さあ、これができましたら各 HTML を保存し、再構築をかけて下さい。
できればまず、トップページだけカスタマイズされることをお薦めします。その後、問題なく設置できたことを確認した上で、残りの HTML をカスタマイズして下さい。
ヘッダー広告の中には、画像で背景を表示し、枠のような形のタイプと、テキストだけで表示するタイプの２種類があります。前者の、背景が画像のタイプの場合は、これでカスタマイズ終了です。
綺麗に表示されている事でしょう。
問題は、テキストだけで表示されているタイプの場合です。これの場合は、閲覧するブラウザーによって表示が崩れて見える場合があります。例えば、Windows の IE では綺麗に中央よりに表示されるのに、firefox や Netscape では、左よりに引っ付いて表示される場合があります。また、ブラウザーの底に引っ付いた状態で表示されるかも知れません。
これを解消するには、前述の移動させるヘッダー広告の HTML タグの前に <div align="center"> を。そして、タグの一番最後に </div> を付けて閉じます。これで中央よりに表示されます。ブラウザーの底に引っ付くのを防ぐには、さっき説明した閉じる為のタグ </div> の後ろに、<br> を入れて改行して下さい。１個で足りなかったら、<br><br> と入れれば OK！
または、CSS （ スタイルシート ） で各所を調整してもかまいません。CSS （ スタイルシート ） の中の、#header{} と書かれている部分が、ヘッダー広告の指示をしています。前述の HTML タグの 赤い文字 に対してこの #header{} が、リンク文字の色や大きさなどの指令を出しているんです。
ここを色々と変えてみて、好みの表示状態になるように調整して下さい。保存、再構築を忘れずに
頑張って下さい。(^^)■ 関連する参考記事
■ 追記 ： （ 2006年04月09日 ）
ヘッダー広告を外した後、ブログのトップがなんとなくブラウザーの上に引っ付いて気になる方は、各 HTML の <div id="container">
の上に、<br> を入れて下さい。スタイルシートで調整しても OK です。
また、移動したヘッダー広告がブログの幅より横に広がり、見映えが悪いと感じる方は、ヘッダー広告を表示させるタグの一番上にある width="100%" を width="790px" に変更して下さい。それ以下では表示が重なり見にくくなりますし、それ以上では変更する意味がありません。
また、移動したヘッダー広告がブログの幅より横に広がり、見映えが悪いと感じる方は、ヘッダー広告を表示させるタグの一番上にある width="100%" を width="790px" に変更して下さい。それ以下では表示が重なり見にくくなりますし、それ以上では変更する意味がありません。
1. Posted by Dominique
2006年04月01日 10:40
ブログの登録することができました。
簡単なＨＰを作るよりブログのデザインを構成する方が難しいと知りいい経験になりました。
ＡＱさんオススメのサイトさんなどありますでしょうか？
一から勉強していきたいなと思いまして[汗タラー]
簡単なＨＰを作るよりブログのデザインを構成する方が難しいと知りいい経験になりました。
ＡＱさんオススメのサイトさんなどありますでしょうか？
一から勉強していきたいなと思いまして[汗タラー]
2. Posted by AQ
2006年04月01日 17:01
＞ Dominique さん こんにちわ (^^)
そうだね、僕もブログをさわりだしてから、HP を作成する時の考え方が変わってしまいました。[ニコ]
誰でも作成・運営できるブログってイメージが今はあるけど、カスタマイズなんかをやり出してくると、すごく奥が深い部分が見えてきますよね。[汗汗]
おすすめのサイトって、カスタマイズなどをするのに必要なって意味 [？] それならば、右サイドカラムの Links の中にある、カスタマイズってところをクリックすると、色々なサイトをリンクしてあるから、そこを見ていけば良いよ。
僕が参考にして、技を盗み出したサイトをすべて並べてあるから。
http://blog.pekebatu.com/archives/50344013.html
そうだね、僕もブログをさわりだしてから、HP を作成する時の考え方が変わってしまいました。[ニコ]
誰でも作成・運営できるブログってイメージが今はあるけど、カスタマイズなんかをやり出してくると、すごく奥が深い部分が見えてきますよね。[汗汗]
おすすめのサイトって、カスタマイズなどをするのに必要なって意味 [？] それならば、右サイドカラムの Links の中にある、カスタマイズってところをクリックすると、色々なサイトをリンクしてあるから、そこを見ていけば良いよ。
僕が参考にして、技を盗み出したサイトをすべて並べてあるから。
http://blog.pekebatu.com/archives/50344013.html
3. Posted by Dominique
2006年04月01日 19:26
ありがとうございます[ラブラブ]
いろんなタグが知りたいですね(＾＾
自分で一から機能を作ってみたりもしたかったりしますｗｗ
カスタマイズのサイトはよく見させていただいておりますが、
今まで一番ＡＱさんのサイトが良心的だと思っております。
こちらですいませんが 40,000 アクセスおめでとうございます[チュッ]
いろんなタグが知りたいですね(＾＾
自分で一から機能を作ってみたりもしたかったりしますｗｗ
カスタマイズのサイトはよく見させていただいておりますが、
今まで一番ＡＱさんのサイトが良心的だと思っております。
こちらですいませんが 40,000 アクセスおめでとうございます[チュッ]
4. Posted by
キャンディ
2006年04月01日 20:22
お久しぶりです。
以前、僕もこのヘッダについて、ナレッジで質問したことがあります。→http://knowledge.livedoor.com/2874
有料版でもはずしてはいけないなんて、ちょっと(いや、かなり)納得いきませんよね〜。
もしかしてこのヘッダを削除したことが見つかって、ブログがいきなり消えてしまうのではないかという不安がほんの少しありますが、「消してもいいんじゃない？」と思う気持ちのほうが強いです。
「バレきゃいい」みたいな考えがあまりよろしくないかもしれませんが、僕はそう思いますね。
ってことで、僕は消してます…(しかも無料版です)
有名な方のライブドアブログ(有料)でも、上部のヘッダ消えてましたし、大丈夫だと思いますけどどうなんでしょうね〜
実際、規約違反だからってどうこうなった人とかいるのか気になりますね…
以前、僕もこのヘッダについて、ナレッジで質問したことがあります。→http://knowledge.livedoor.com/2874
有料版でもはずしてはいけないなんて、ちょっと(いや、かなり)納得いきませんよね〜。
もしかしてこのヘッダを削除したことが見つかって、ブログがいきなり消えてしまうのではないかという不安がほんの少しありますが、「消してもいいんじゃない？」と思う気持ちのほうが強いです。
「バレきゃいい」みたいな考えがあまりよろしくないかもしれませんが、僕はそう思いますね。
ってことで、僕は消してます…(しかも無料版です)
有名な方のライブドアブログ(有料)でも、上部のヘッダ消えてましたし、大丈夫だと思いますけどどうなんでしょうね〜
実際、規約違反だからってどうこうなった人とかいるのか気になりますね…
5. Posted by AQ
2006年04月01日 20:27
＞ Dominique さん
ありがとうございます。[ラブラブ]
カン違いしちゃダメですよ [汗汗] Dominique さん！
ここは 『 カスタマイズサイト 』 じゃありません [汗汗]
ペットのサイトですから〜 (^^) ｗｗ
ありがとうございます。[ラブラブ]
カン違いしちゃダメですよ [汗汗] Dominique さん！
ここは 『 カスタマイズサイト 』 じゃありません [汗汗]
ペットのサイトですから〜 (^^) ｗｗ
6. Posted by AQ
2006年04月01日 20:34
＞ キャンディ さん (^^)
お久しぶりです。
ここ数日ナレッジにも、出没していないのじゃないですか [？]
実際、規約違反だとしても、その事でいきなりブログが消えてしまう事は無いと私も思いますよ。
実は私も数日前までは外していました ・・・ というより、このテンプレート作り上げる時に、はなから入れてなかったですから [アイタ]
私がフッター部分にヘッダー広告を入れたのは、ナレッジに参加するようになってからです。ナレッジの質問に答えるものが規約違反していては、示しがつかないと思い、わざわざ付け直したのです。(^^)
お久しぶりです。
ここ数日ナレッジにも、出没していないのじゃないですか [？]
実際、規約違反だとしても、その事でいきなりブログが消えてしまう事は無いと私も思いますよ。
実は私も数日前までは外していました ・・・ というより、このテンプレート作り上げる時に、はなから入れてなかったですから [アイタ]
私がフッター部分にヘッダー広告を入れたのは、ナレッジに参加するようになってからです。ナレッジの質問に答えるものが規約違反していては、示しがつかないと思い、わざわざ付け直したのです。(^^)
7. Posted by キャンディ
2006年04月02日 00:43
>ナレッジの質問に答えるものが規約違反していては、示しがつかないと思い、わざわざ付け直したのです
↑
確かにそうですよね〜[汗汗]
何でもそうですけど、僕達人間って、気づいてないだけで、何か必ず違反行為をしているわけですよね。
今回は、ブログにこだわりすぎて…というか神経質になりすぎて、このヘッダの規約違反が気になるってことですよね…(少なくとも僕はそんな気がします)
たかがヘッダ広告、されどヘッダ広告…って感じかな…？
というわけで、僕が自身を持ってはずします。(笑)
ナレッジ、最近質問していませんね…
ちょっといろいろゴタゴタしてまして[ドクロ]
というか以前が質問しすぎていたような…
これからまた徐々に質問していきます(~_~;)
質問を解決した後で、その質問を消せなくなってしまったおかげで、くだらない質問が気楽にできなくなってしまったのが、僕敵にはちょっと痛いですね…(ToT)
↑
確かにそうですよね〜[汗汗]
何でもそうですけど、僕達人間って、気づいてないだけで、何か必ず違反行為をしているわけですよね。
今回は、ブログにこだわりすぎて…というか神経質になりすぎて、このヘッダの規約違反が気になるってことですよね…(少なくとも僕はそんな気がします)
たかがヘッダ広告、されどヘッダ広告…って感じかな…？
というわけで、僕が自身を持ってはずします。(笑)
ナレッジ、最近質問していませんね…
ちょっといろいろゴタゴタしてまして[ドクロ]
というか以前が質問しすぎていたような…
これからまた徐々に質問していきます(~_~;)
質問を解決した後で、その質問を消せなくなってしまったおかげで、くだらない質問が気楽にできなくなってしまったのが、僕敵にはちょっと痛いですね…(ToT)
8. Posted by AQ
2006年04月02日 00:50
＞ キャンディさん
もともと、ここのブログは、ライブドアのバナーなどを貼らないでいたら誰もライブドアのブログとは気づかないですから、正直問題ないんですけどね [汗汗] ドメインも独自ドメインですし。
まっ、気持ちの問題です。それにフッターに移動しても違和感は無いし。（ 自分的には ）
ナレッジは、また参加してくださいね。(^^)
私も徐々に回答するのは、控えていってます。
時々、思い出したように回答が続く時もありますが [汗汗]
もともと、ここのブログは、ライブドアのバナーなどを貼らないでいたら誰もライブドアのブログとは気づかないですから、正直問題ないんですけどね [汗汗] ドメインも独自ドメインですし。
まっ、気持ちの問題です。それにフッターに移動しても違和感は無いし。（ 自分的には ）
ナレッジは、また参加してくださいね。(^^)
私も徐々に回答するのは、控えていってます。
時々、思い出したように回答が続く時もありますが [汗汗]
9. Posted by ドリンク
2006年04月08日 02:39
ヘッダー広告の部分は最初から無かった場合は入れなくても良いのでしょうか？
最初から無くても問答無用で規約違反でしょうか？
最初から無くても問答無用で規約違反でしょうか？
10. Posted by AQ
2006年04月08日 02:50
＞ドリンクさん 初めまして (^^)
い〜え、それは違います。古いテンプレートを選択した場合は、ヘッダー広告のタグが初めから設置されていません。
ですので、規約違反にはなりません。カスタマイズを趣味でおこなっている者の中には、わざと古いテンプレートをチョイスして、新しいテンプレートの最新の部分だけを抜き出して、入れなおしている者もいます。
この件は、厳密に取り締まるみたいな事は無いのでしょうが、それでもいきなり、その事をたてにとって現在のブログを削除された場合、文句が言えない事になります。
ですので、判断が非常に難しい項目となります。[汗汗]
い〜え、それは違います。古いテンプレートを選択した場合は、ヘッダー広告のタグが初めから設置されていません。
ですので、規約違反にはなりません。カスタマイズを趣味でおこなっている者の中には、わざと古いテンプレートをチョイスして、新しいテンプレートの最新の部分だけを抜き出して、入れなおしている者もいます。
この件は、厳密に取り締まるみたいな事は無いのでしょうが、それでもいきなり、その事をたてにとって現在のブログを削除された場合、文句が言えない事になります。
ですので、判断が非常に難しい項目となります。[汗汗]
11. Posted by
ミル
2006年04月08日 19:18
はじめまして。
「チョンとミルのFXトレーダーズバトル」という外国為替証拠金取引（FX）のブログをしてますミルといいます。
ライブドアのトップのニュース記事を移動させたいなぁ〜
と思っていたところ、このブログにたどりつきました。
おかげさまで
すっきり〜です。
参考になりました。
ありがとうございました。
「チョンとミルのFXトレーダーズバトル」という外国為替証拠金取引（FX）のブログをしてますミルといいます。
ライブドアのトップのニュース記事を移動させたいなぁ〜
と思っていたところ、このブログにたどりつきました。
おかげさまで
すっきり〜です。
参考になりました。
ありがとうございました。
12. Posted by AQ
2006年04月08日 19:31
＞ ミル さん 初めまして (^^)
ブログ見にいきました。
綺麗にすっきりとなりましたね。[アハ]
ではもうひとつ、ヘッダー広告を外す事で、ブログの上部が
ブラウザーにぴっちりと引っ付いてしまいます。
今のままでも良いのならかまいませんが、もし少し上部に
隙間を入れたければ、各 HTML の <div id="container">
の上に、<br> を入れてください。
それで、一段改行され上部の綺麗なグリーンのラインが
目立つようになります。(^^)
ブログ見にいきました。
綺麗にすっきりとなりましたね。[アハ]
ではもうひとつ、ヘッダー広告を外す事で、ブログの上部が
ブラウザーにぴっちりと引っ付いてしまいます。
今のままでも良いのならかまいませんが、もし少し上部に
隙間を入れたければ、各 HTML の <div id="container">
の上に、<br> を入れてください。
それで、一段改行され上部の綺麗なグリーンのラインが
目立つようになります。(^^)
13. Posted by
ミル
2006年04月08日 23:10
AQさま
わざわざ見に来ていただいて、その上アドバイスまでいただいてありがとうございました。
アドバイスいただいた件はさっそく試してみます。
これからもカスタマイズは続けていくのでまた参考にさせてもらいますね。ありがとうございました。
P.S.記事に関係のないコメントは全然大丈夫ですよ。
コメントいただいて嬉かったです。
わざわざ見に来ていただいて、その上アドバイスまでいただいてありがとうございました。
アドバイスいただいた件はさっそく試してみます。
これからもカスタマイズは続けていくのでまた参考にさせてもらいますね。ありがとうございました。
P.S.記事に関係のないコメントは全然大丈夫ですよ。
コメントいただいて嬉かったです。
14. Posted by AQ
2006年04月08日 23:17
＞ ミルさん (^^)
アドバイスというほどでも ・・・ おせっかいです [汗汗]
ミルさんに言った件と、もうひとつ。
ヘッダー画像を下に移動した事で左右に広がってしまい、
ブラウザーの左右に引っ付いてしまう事も質問がありました。
その2つの件は、夜中になりますが、この記事の追記として
掲載する予定です。つまりヘッダー画像の幅を縮める方法
ですね。それも気になるようであれば、また見に来て下さい。
アドバイスというほどでも ・・・ おせっかいです [汗汗]
ミルさんに言った件と、もうひとつ。
ヘッダー画像を下に移動した事で左右に広がってしまい、
ブラウザーの左右に引っ付いてしまう事も質問がありました。
その2つの件は、夜中になりますが、この記事の追記として
掲載する予定です。つまりヘッダー画像の幅を縮める方法
ですね。それも気になるようであれば、また見に来て下さい。
15. Posted by
ましまろ
2006年04月16日 14:25
数日前に、BBSの件でAQさんに、なきついたものですが、、あの時はお世話になりました。実はまだ、BBSの広告は、はずせていませんが、他にも色々なところを見ながら。デザインのカスタマイズを、少しずつしています。ここのホームページは、あれ以来、毎日見て、うなったり、首をかしげながら、カスタマイズしています。１日経つまで、私に回答してくれていた人が、このページの管理者と知りませんでした＝。＝；AQさんがが知っているどこかのサイトだと思っていたのですLOL。今日は、私も、広告を下に移動することができました。とってもうれしいです。又来ます
16. Posted by AQ
2006年04月16日 15:17
＞ ましまろさん こんにちわ (^^)
あの BBS の広告は外せませんよ ^^; 見えなくする事ができるだけです。確認しにいきましたが、あの背景では下手に色々とさわらなくても、あのままでも問題ないと思いますよ。
これから色々とカスタマイズしていくなら、その都度、なんらかの壁にぶち当たると思います。その時は遠慮無しにナレッジに質問するか、直接お聞きになっていただければ宜しいですよ。(^^)
これからも宜しくです。いつでも遊びに来て下さい。[ニコ]
あの BBS の広告は外せませんよ ^^; 見えなくする事ができるだけです。確認しにいきましたが、あの背景では下手に色々とさわらなくても、あのままでも問題ないと思いますよ。
これから色々とカスタマイズしていくなら、その都度、なんらかの壁にぶち当たると思います。その時は遠慮無しにナレッジに質問するか、直接お聞きになっていただければ宜しいですよ。(^^)
これからも宜しくです。いつでも遊びに来て下さい。[ニコ]
![[BloMotion]ブログで記事を書いて報酬をゲット!!](http://blomotion.jp/img/blogBnr-invite.gif "[BloMotion]ブログで記事を書いて報酬をゲット!!")
