ライブドアブログ スタッフブログ

[ 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="https://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="https://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="https://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="https://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をよろしくお願いいたします。