[ 2009.11.27 10:00 文末に注意事項を追記しました ]
いつもlivedoor Blogをご利用いただき、誠にありがとうございます。
担当の石野です。
livedoor Blogの共通ヘッダーがリニューアルします。
現ヘッダー
新ヘッダー
見た目がこれまでよりスリムに、かつ検索フォームを常備して機能性もアップもして生まれ変わります。この検索フォームはブログ内のテキストをマウスなどで反転させるだけで、フォームにそのテキストが入るので検索もしやすくなっています。
既に本開発日誌では対応が始まっていますが、これから既存ユーザーの皆さまへ順次適用してまいります。
※ユーザーのみなさまは何もせずとも、自動で書き換わります。
また、新規作成されたブログに関しては（新規ID取得、もしくはマルチブログ機能を使って作成したブログ）最初から新ヘッダー対応となっております。
デザイン カスタマイズをしているユーザーさまへの注意点
これまで共通ヘッダー埋め込み用の独自タグ「<$BlogHeader$>」を消すことで、ブログのヘッダーを表示させないようにするカスタマイズをしていた方は、新ヘッダー対応の段階で表示されるようになります。
その際は管理画面の「広告・アフィリエイトの設定」ページにて「ヘッダー広告」を「表示しない」に設定してください。
※ヘッダーを非表示にするには、有料プラン「ADVANCE」以上への加入が必要です。
（有料プラン 機能比較表）
追記
長くlivedoor Blogを利用していただいているユーザーさまへの注意点
古くからあるデザインによっては「共通ヘッダーが二重に出てしまう」というケースが報告されています。
（独自タグ「<$BlogHeader$>」が使われていないことが原因です）
その場合は“共通ヘッダー用のHTMLソース（table タグ）”部分を、デザインカスタマイズページにて削除してください。
該当箇所
<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>
該当箇所 (例2)
<table cellpadding="0" cellspacing="0" width="100%" border="0" id="header">
<tr>
<th width="1%"><a href="http://www.livedoor.com/r/blog_jp_header_logo"><img src="http://parts.blog.livedoor.jp/img/cmn/logo.gif" vspace="3" hspace="10" border="0" alt="livedoor Blog（ブログ）"></a></th>
<td width="98%">[
<a href="<$BlogRootCategoryUrl$>"><$BlogRootCategoryName$></a> - <a href="<$BlogCategoryUrl$>"><$BlogCategoryName$></a>
|
<a href="http://www.livedoor.com/r/blog_jp_header_start">かんたん！ブログをはじめてみよう</a>
] </td>
<td width="1%" nowrap><img src="http://parts.blog.livedoor.jp/img/cmn/logo_ld.gif" border="0" align="absmiddle" alt="livedoor"><a href="http://www.livedoor.com/r/blog_jp_header">livedoor ホーム</a></td>
</tr>
</table>
livedoor Blogのロゴが異様に大きく表示されてしまう場合
CSSに原因があります。
ロゴのサイズをCSSで指定しているケースだと考えられますので、「table#header th img {}内の
width:132px;
height:24px;
を削除してください。
今後ともlivedoor Blogをよろしくお願いいたします。
]]>
地図検索ボタン