livedoor ブログテンプレート

livedoor ブログテンプレート

Posted at September 1,2006 12:55 AM
Tag:[livedoor, Template]

livedoor ブログ・3カラムテンプレート livedoor ブログ 用のテンプレートを作りました。サンプルのスクリーンショットは3カラムですが、2カラム・1カラムも用意しております。またリキッドレイアウトへの変更も可能です。カラムレイアウトの設定方法につきましては本エントリーを参照ください。

1.動作確認環境

動作確認は下記の環境で行っています。

  • OS:Windows2000/XP
  • ブラウザ:IE6.0/Firefox1.0.7/Netscape7.1/Netscape8.0.4/Opera8.5

2.利用規定

ご利用の前にテンプレートのページを必ずご覧くださいますよう、よろしくお願い致します。

3.カラムレイアウト変更方法

このテンプレートではカラムレイアウトのバリエーションとして、

  • 3カラム(カラム幅固定)
  • 3カラムリキッドレイアウト(中央カラム幅可変)
  • 2カラム(右サイドバー:カラム幅固定)
  • 2カラム(左サイドバー:カラム幅固定)
  • 2カラムリキッドレイアウト(右サイドバー:左カラム幅可変)
  • 2カラムリキッドレイアウト(左サイドバー:右カラム幅可変)
  • 1カラム(カラム幅固定)
  • 1カラムリキッドレイアウト(カラム幅可変)

の計8種類を用意しています(それぞれの完成例は下のスクリーンショットをご覧ください)。

カラムレイアウトは、HTMLテンプレートの body 要素の class 属性を書き換えることで変更することができます(カラム数を変更する場合はHTMLテンプレートの修正が必要ですがこれについては後述します)。例えば、3カラムレイアウトから2カラム・リキッドレイアウト(右サイドバー)に変更したい場合は、HTMLテンプレートの

<body class="layout-three-column">

の赤色部分を

<body class="layout-two-column-liquid-right">

と、青色の内容に変更します。このテクニックは Designing with Web Standards でも紹介されています。

以下にそれぞれのレイアウトに対する class 属性値を示します。なおサンプル画像は Movable Type のものを流用しておりますので予めご了承ください。

<body class="layout-three-column">

livedoor ブログ・3カラムテンプレート3カラム

<body class="layout-three-column-liquid">

livedoor ブログ・3カラムテンプレート・リキッドレイアウト3カラム・リキッドレイアウト

<body class="layout-two-column-left">

livedoor ブログ・2カラムテンプレート(左サイドバー)2カラム(左サイドバー)

<body class="layout-two-column-liquid-left">

livedoor ブログ・2カラムテンプレート・リキッドレイアウト(左サイドバー)2カラム・リキッドレイアウト(左サイドバー)

<body class="layout-two-column-right">

livedoor ブログ・2カラムテンプレート(右サイドバー)2カラム(右サイドバー)

<body class="layout-two-column-liquid-right">

livedoor ブログ・2カラムテンプレート・リキッドレイアウト(右サイドバー)2カラム・リキッドレイアウト(右サイドバー)

<body class="layout-one-column">

livedoor ブログ・1カラムテンプレート1カラム

<body class="layout-one-column-liquid">

livedoor ブログ・1カラムテンプレート・リキッドレイアウト1カラム・リキッドレイアウト注:左右のマージンをなくすことも可能です。

配布時は一番上の3カラム固定レイアウトの状態で表示されるように設定しております。

次にカラム数を変更する場合の修正方法です。例えば3カラムから2カラム(左サイドバー)に変更する場合は、右カラムを表示する

<!-- 右カラム開始 -->
<div id="links-right-box">
<div id="links-right">
<$PluginList_B$>
<div class="elsehead"></div>
<div class="elsebody">
      :
</div><!-- /links-right -->
</div><!-- /links-right-box -->
<!-- 右カラム終了 -->

の間に書かれている <$PluginList_B$> をコピーし、左カラム

<!-- 左カラム開始 -->
<div id="links-left-box">
<div id="links-left">
<$PluginList_A$>
<$PluginList_B$>
</div><!-- /links-left -->
</div><!-- /links-left-box -->
<!-- 左カラム終了 -->

にペーストしてください。そのあと

<!-- 右カラム開始 -->
       :
<!-- 右カラム終了 -->

を丸ごと削除します。
1カラムに変更される場合は左右両方のカラムをごっそり削除してください。

4.1カラムレイアウトについて

1カラムレイアウトはポータル的な要素を排除して、個人の日記サイトとして気軽に書けるデザインにしています(言い換えると単にサイドバーをとっぱらっただけです)。個別エントリーとコメント・トラックバックは機能しますので、サイトを初めて訪れる方でも戸惑わずに閲覧することが可能です。

1カラムでご利用になる際は前項での左右カラムの削除および、テンプレート内に設定されている

<!-- for one column
<!-- BEGIN archives -->
<div id="archive">{archives_list}</div>
<!-- END archives -->
 
<div id="footer-one">
Powered by <a href="{script_webpage}"><strong>{script_name} {script_version}</strong></a><br />
<a href="http://www.koikikukan.com/"><img src="{site_parts}koikikukan.gif" alt="小粋空間" width="128" height="22" /></a>
</div>
/for one column -->

の赤色部分を削除してください。

5.その他

タイトルバナー上部に表示されている livedoor のヘッダは削除しないでください(削除は livedoorブログの規約違反となります)。

基本的な動作は確認したつもりですが、Serene Bach の確認を全て理解できていない状態ですので、不具合等ございましたらご連絡ください。

6.ダウンロード

下のリンクからテンプレートをダウンロードできます。

template_1_03.zip
2006.09.01 初版
2006.09.10 IE+リキッドレイアウト対処
2006.09.18 個別記事ページの追記の不具合修正
2009.04.12 デザイン修正
2009.04.19 RelatedArticles追加
2009.10.28 カテゴリアーカイブの前後ページのリンク追加
2010.03.29 ページ上部に表示されるヘッダ用タグを削除

テンプレートの設定方法については、「livedoor ブログ設定方法」をご覧ください。またアーカイブを解凍した中にある README.txt にも記しております。

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

CSS、HTMLすべて変更しました。 from 下を向いて歩こう
えーと、思うところがありCSS、HTMLすべて変更しました。 いろいろ、不具合が出ていますがこのテンプレートのせいではなく私の方の問題です。 基本的に... [続きを読む]

Tracked on September 14, 2006 6:12 AM

可変幅から固定幅に変えました。 from 下を向いて歩こう
えー、見ての通り可変幅から固定幅に変更しました。 画面を広く使えていいのですがやはり画面によって表示が変わるって事は色々制約がありまして画面によっては間... [続きを読む]

Tracked on October 5, 2006 9:45 PM

ブログのデザインを変更しました from オンラインゲームをはじめよう
小粋空間さんで配布されているlivedoorブログテンプレートを使用させていただきました。 [続きを読む]

Tracked on January 11, 2007 12:57 PM

テンプレートの変更 from セカンドライフ スタイルLabs(暮しと生活研究室)
テンプレートを小粋空間さんの: livedoor ブログテンプレートに変更してから 驚くほどアクセスをいただいております 小粋空間さんに感謝です ... [続きを読む]

Tracked on February 11, 2007 10:42 AM

小粋空間のテンプレートに変更しました(^_^)V from 在宅ワーク・ブログアフィリエイトで情報起業
心機一転って訳じゃないけど、 ブログのテンプレートを livedoor標準テンプレートから 「小粋空間」さんのテンプレートに変更しました。 ... [続きを読む]

Tracked on December 4, 2007 3:36 PM
コメント

最初のlivedoor ブログのリンクがSerene Bachになってます。

[1] Posted by oquno : September 1, 2006 3:31 AM

>oqunoさん
こんばんは。
ご指摘ありがとうございました!

[2] Posted by yujiro : September 2, 2006 1:10 AM

始めまして。
livedoorのテンプレートを使わせていただいてます。
追記の表示に不具合があったので報告します。
追記の「続きを読む」をクリックして個別記事に行っても追記の部分が表示されず「続きを読む」が表示されたままです。もちろんクリックしても何も起こりません。
たぶん、個別記事のソースの

<!-- 追記 -->
<IfArticleBodyMore>
<div class="entry-more">
<a href="<$ArticlePermalink$>" class="continues">続きを読む</a>
</div>
</IfArticleBodyMore>

上記の部分を

<!-- 追記 -->
<IfArticleBodyMore>
<div class="entry-more">
<$ArticleBodyMore$><br><br clear="all">
</div>
</IfArticleBodyMore>

のように書き換えれば直ると思います。
HTMLとかよく解らないので間違っているかもしれませんがご報告まで。

[3] Posted by スノー : September 16, 2006 9:38 AM

>スノーさん
はじめまして。
テンプレートご利用ありがとうございます。
ご指摘の部分は配布テンプレートを修正致しました。
ご指摘くださりありがとうございました。

あと勝手ながらBlogPeopleに登録させて頂きました。
それではよろしくお願い致します。

[4] Posted by yujiro : September 19, 2006 1:57 AM

どうも、お世話になっています。
実は3カラム・リキッドレイアウトから3カラム(固定)に切り替えたところ右側のカラムが左側の下に表示されるようになってしまいました。
カラムの中に入ってる物の幅に問題があるかと思ったのですが問題がないようでした。
別IDを作ってプレーンなブログを作って試してみましたがやはり右側のカラムが落ちてしまいます。どうも3カラム固定にしたときのテンプレートに問題がある模様です。
確認していただければ幸いです。

[5] Posted by スノー : October 5, 2006 3:41 AM

何とか自己解決しました。

.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
float: left;
width: 185px;
}

.layout-three-column #links-left-box
{
float: left;
width: 185px;
}
.layout-three-column #links-right-box
{
position: absolute;
}
と書き変える事で何とか問題なく表示できました。
ただし私はCSSの知識はまったく無いので正しい表示ではないと思われます。
テンプレートの訂正をお願いします。
たびたび、お世話になります。

[6] Posted by スノー : October 5, 2006 5:56 AM

訂正です。
前回の書き込みだとIEだといいのですがFirefoxで見ると思いっきり重なっています。
試行錯誤した結果、下記のようにしてなんとかなりました。

.layout-three-column #links-left-box
{
float: left;
width: 185px;
}
.layout-three-column #links-right-box
{
  float: left;
}

コメント欄を汚してすいません。

[7] Posted by スノー : October 5, 2006 10:51 AM

>スノーさん
こんにちは。
ご質問の件ですが、スタイルシートを修正したサンプルを下記に配置しました。

http://www.koikikukan.com/samples/20061005/

当サイトは文字コードを強制的にUTF-8にしているため、上記ページは最初真っ白に表示されます。表示するために、ブラウザの[表示]→[エンコード(文字エンコーディング)]で "日本語(EUC)" を選択してください。

また、修正したスタイルシートは Firefox で

http://www.koikikukan.com/samples/20061005/site.css

と入力すれば見ることができます。修正箇所には

/* 2006.10.05 修正 */

というキーワードを入れてますので、参考になれば幸いです。
それではよろしくお願い致します。

[8] Posted by yujiro : October 5, 2006 11:41 AM

す、素晴らしすぎる…。
迅速な対応ありがとうございます。
ブログも何とがカラムを調整したものの何か文字が寄っていたり微妙に問題があったのですがご提示いただいたCSSで解決しました。
ありがとうございます。感謝感激!

[9] Posted by スノー : October 5, 2006 8:48 PM

>スノーさん
こんばんは。
ご連絡ありがとうございます。
お役に立てたようで良かったです。
なおカラムが崩れていたのは、右上の画像の幅がサイドバーより若干広かったのが影響していたと思われます。
ではでは!

[10] Posted by yujiro : October 6, 2006 1:52 AM

このテンプレートの出来がすばらしいのでとても気に入ってます。

ところで上のサンプル画像のカレンダーの表示が、(Movable Typeとは言え )今日の日付に黒く枠が入っているのに対し、どうしてもうまく反映してくれません。あと、日付をクリックしてもうまくリンクしてくれない・・・orz

どなたか同症状克服された方いましたらご指摘下さい

[11] Posted by トンボ : October 11, 2006 8:38 AM

>トンボさん
こんばんは。
ご質問の件ですが、livedoor ブログのご質問と解釈してよろしいでしょうか。
であれば、カレンダーに黒枠をつけるのは、「休日表示付リアルタイムカレンダー for livedoor ブログ」のカスタマイズを行ってください。
また「日付をクリックしてもうまくリンクしてくれない」は具体的にどのような状態でしょうか。ちなみに livedoor のカレンダーとテンプレートは関係ありませんので、カレンダーのリンクはどのテンプレートでも同じように動作するはずです。

Movable Type のテンプレートの話でしたら、ブログのURLをご連絡頂いた方が適切な回答ができると思います。
それではよろしくお願い致します。

[12] Posted by yujiro : October 12, 2006 11:19 PM

はじめまして!
Livedoorのテンプレートをはじめて使わせていただきました。やっと自分の探していたテンプレートにめぐり合ったので感激でした。早速テンプレートの入れ替えをしてみたら1箇所どうしてもうまくいきません。3カラムリキッドを使ったのですが右カラムのフレームから内容がずれて本体の中にかぶってしまっています。どうやっても修正できないのですが解決策を伝授していただけますか?お待ちしております。

[13] Posted by ダンキチ : March 15, 2007 7:28 PM

>ダンキチさん
こんばんは。
テンプレートご利用&ご連絡ありがとうございます。
先日と同じ回答になりますが、右サイドバーにある横幅の広い画像(FMV-DESKPOWER TX95U/D)を削除すればはみ出さなくなると思います。
それではどうぞよろしくお願い致します。

[14] Posted by yujiro : March 15, 2007 10:36 PM

早速の回答ありがとうございます。
記事の編集がいけなかったんですね?(恥)
削除したらバッチリでした!
これからもよろしくお願いします。

[15] Posted by ダンキチ : March 16, 2007 10:44 AM

>ダンキチさん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[16] Posted by yujiro : March 16, 2007 6:09 PM

いつもお世話になります。テンプレート快適に使わせていただいております。
ただ、ひとつだけわからないことがあるので質問させていただきます。
ブログ記事を書いて「続きを読む」の書き込みをしてアップして実際の記事から「続きを読む」をクリックすると右カラムが下に落ちた状態で表示されてしまいます。
どうしてでしょうか??直し方があれば教えてください。
いつも素人質問ですみません・・

[17] Posted by 家電激安管理人 : May 22, 2007 10:50 AM

>家電激安管理人さん
こんばんは。
ご質問の件ですが、まず「続きを読む」をクリックすると、メインページから個別記事ページにジャンプします。
原因は、個別記事ページのテンプレートがメインページと異なるレイアウト(3カラム固定レイアウト)の設定になっているのが原因です。

厳密には異なるレイアウトでも構わないので、もし今のままのレイアウトを希望されているようでしたら、「テンプレートのページ」の後半にある FAQ より「カラムずれ(中央カラムが左カラムの下にくる・右カラムが中央カラムの下にくる)が生じますが?」が参考になれば幸いです。
それではよろしくお願い致します。

[18] Posted by yujiro : May 26, 2007 12:50 AM

はじめまして。

こちらのテンプレートを利用させていただいているのですが、
記事をカテゴリ別で表示させたとき、1ページ30件ごとに分割して表示されるのですが、「次のページへ」のリンクが無いためそれ以降の記事を表示することが出来ないことに気付きました。
1ページに表示する件数はBLOGの設定で変更できますが、最大は50件までのようです。

どうか修正していただけないでしょうか?宜しくお願いします。

[19] Posted by ぞび : October 29, 2007 3:27 AM

>ぞびさん
こんにちは。
ご質問の件ですが、テンプレートの考慮もれのようでした。申し訳ございません。
動作が確認できしだい、記事をエントリーしたいと思います。
すいませんが少々お時間ください。

[20] Posted by yujiro logo : October 31, 2007 4:30 PM

こういうシンプルな可変のテンプレを探しておりました。
早速ダウンロードしました。ありがとうございます!

***
質問なのですが、
カレンダーの上にも(わざわざ)タイトルとして『カレンダー』と入れたいのですが
それはどのようにしたらいいのでしょうか。
カレンダーを一番上に置いていないので、空間ができてしまい
バランスが悪いのです。

よろしければ教えてください。

[21] Posted by ma : November 25, 2007 8:49 PM

21番でコメントを書いたものです。
どうにか解決しました。
お騒がせしてしまい申し訳ありませんでした。

[22] Posted by ma : November 26, 2007 1:28 AM

>maさん
こんにちは。
ご質問の件、自己解決されたようで良かったです。
また何かございましたらご連絡ください。
ではでは!

[23] Posted by yujiro logo : November 27, 2007 10:45 AM

yujiro さん、はじめまして
ワイルドダックと申します。

随分前から、この「小粋空間」というサイトのことは知っていて
こっそりとサイトのチェックをしてました(*^^*ゞ

この度、テンプレートを利用させて頂いたのでご報告に参りました。

不束者ですが、よろしくお願い致します。

[24] Posted by ワイルドダック logo : December 4, 2007 4:03 PM

>ワイルドダックさん
はじめまして。
テンプレートご利用&ご連絡ありがとうございました。

BlogPeople も登録ありがとうございます。
こちらからも登録させていただきました。
それでは今後ともどうぞよろしくお願い致します。

[25] Posted by yujiro logo : December 4, 2007 4:16 PM

Livedoorのテンプレート使わせていただいています。
テンプレートの問題なのかは不明なのですが
Livedoorに最初からあるテンプレートを使うと
起きない現象ですので質問させていただきます。

アフィリエイトのため、ASPサイトを利用しているのですが
ASPサイトから、そのままコピーしたテキストリンク(下記のような)

「<a href=・・・・・・・>文字列</a><IMG border=0 width=1 height=1 src=・・・・・・・>」

を記事内に入れると、必ずテキストリンクの右側に全角1文字分くらいのスペースができてしまいます。本当は無いのですが。

アフィリエイトリンクではなく、下記のような、違うページに遷移させるだけのリンクはスペースが出ずにきれいに表示されます。

「<a href=・・・・・・・>文字列</a>」

これは、テンプレートの不具合なのでしょうか?
ちなみに、違うブログでアフィリエイトリンクを記載しても、スペースが出るという現象はおきませんでした。

見た目上、不自然な感じがするので、きれいに表示されるといいのですが…。

私の知識不足、検討違いでしたら申し訳ありません。

[26] Posted by lanlan : March 20, 2008 10:09 PM

>lanlanさん
こんばんは。
テンプレートご利用ありがとうございます。
文言だけでは原因が特定できないため、申し訳ありませんが、サイトのURLをご連絡頂けますでしょうか。
それではよろしくお願い致します。

[27] Posted by yujiro logo : March 20, 2008 11:03 PM

返信ありがとうございます。
素敵なテンプレートでしたので、はりきって作り始めたら、壁にぶつかってしまいました。
URL入れておきました。よろしくお願いいたします。

[28] Posted by lanlan : March 21, 2008 10:35 AM

>lanlanさん
こんばんは。
分かりました。
スタイルシートの下記の部分を削除してください。

.entry img {
    margin-right: 8px;
    margin-bottom: 5px;
}

この設定は、ブログ記事に画像を(左寄せで)表示したときに、本文とのマージンをとるためのものです。
配布中の他のテンプレートではこの設定を削除したのですが、livedoorテンプレートでは残ってしまっていました。申し訳ありません。
それではよろしくお願い致します。

[29] Posted by yujiro logo : March 22, 2008 8:50 PM

ありがとうございまいた。
早速試したところ、無事スペースなしで表示されました。
また何かありましたら、よろしくお願いいたします。

[30] Posted by lanlan : March 22, 2008 10:03 PM

>lanlanさん
こんはんは。
ご連絡ありがとうございました。
無事に直ったようでよかったです。
ではでは!

[31] Posted by yujiro logo : March 25, 2008 2:11 AM

livedoorブログで、個別記事に、その記事が属するカテゴリの最新記事を表示する機能が追加されているようですが、こちらのテンプレートで対応することは可能でしょうか?

お時間あるときでも、お返事いただけると幸いです。

[32] Posted by tomato : April 2, 2009 6:05 PM

>tomatoさん
こんにちは。
ご質問の件ですが、今週中を目処に別途エントリーしたいと思います。
それではよろしくお願い致します。

[33] Posted by yujiro logo : April 6, 2009 11:28 AM

始めまして。
ブログ自体初心者のものです。
先月末ぐらいからライブドアでブログ初めまして、ここのテンプレートがシンプルで気に入ったので使いたいのですが、記事の内容がすべて中央に寄ってしまいました。
プレビューで見た場合ちゃんと左寄せになっているのですが、なぜか投稿後にみてみると記事すべて中央に寄ってしまいます。
間抜けな質問かもしれませんが、何かアドバイスありましたらお願いします。

[34] Posted by ブログ初心者 : May 7, 2009 6:40 PM

>ブログ初心者さん
こんばんは。
ご質問の件ですが、記事やテンプレートのどこかに <center> をいれてないでしょうか。
サイトのURLをご連絡いただければ、より適切な回答ができると思います。
それではよろしくお願い致します。

[35] Posted by yujiro logo : May 9, 2009 2:05 AM

centerがブログパーツのサイドバーのほうにはいってました。
以前サイドの文字が左よりだったので、そのままタグ入れてたのが残っていたようです。
外しましたら、ちゃんと左よりになりました。
お騒がせしました。

[36] Posted by ブログ初心者 : May 10, 2009 7:53 PM

>ブログ初心者さん
こんにちは。
ご連絡ありがとうございました。
無事に直ったようで良かったです。
ではでは!

[37] Posted by yujiro logo : May 12, 2009 2:34 PM

はじめまして。
livedoorブログにて3カラムを利用させていただいてます。
各サイドバーを画像に変更したいのですが、上手く出来ません。よろしければ方法を教えてください。お願い致します。

[38] Posted by hikari : June 8, 2009 4:19 AM

自己解決しました。

[39] Posted by hikari : June 10, 2009 10:32 AM

>hikariさん
こんばんは。
ご質問の件、無事に解決したようで良かったです。
ではでは!

[40] Posted by yujiro logo : June 14, 2009 3:20 AM

はじめまして。
テンプレートをお借りしました。
ありがとうございます。

[41] Posted by トモヤ : July 1, 2009 4:53 PM

>トモヤさん
はじめまして。
テンプレートご利用&ご連絡ありがとうございました。
あと、勝手ながらBlogPeopleにも登録させて頂きました。
それでは今後ともどうぞよろしくお願い致します。

[42] Posted by yujiro logo : July 5, 2009 1:58 AM

はじめまして。
先日からテンプレートを使わせていただいております。
シンプルでクールなデザインがとてもお気に入りです。

で・・・ご質問なのですが
自分が使っている IEのプラウザではきれいに表示されますが、
Firefoxではサイドメニュー部分(通常白)が背景色の青になってます。

これはどの部分を修正すればよくなるものでしょうか?

よろしければ方法をおおしえいただけませんか?

[43] Posted by 弥音- ひろと : July 23, 2009 6:49 PM

●はじめまして。
先日からテンプレートを使わせていただいております。
シンプルでクールなデザインがとてもお気に入りです。

で・・・ご質問なのですが
自分が使っている IEのプラウザではきれいに表示されますが、
Firefoxではサイドメニュー部分(通常白)が背景色の青になってます。

これはどの部分を修正すればよくなるものでしょうか?

よろしければ方法をおおしえいただけませんか?

[44] Posted by 弥音- ひろと : July 23, 2009 6:50 PM

>弥音- ひろとさん
こんばんは。
ご返事遅くなりすいません。
ご質問の件ですが、別途ご返事致しますので、すいませんがもうしばらくお待ち頂けますでしょうか(週末は時間がとれないため来週になります)。
それではよろしくお願い致します。

[45] Posted by yujiro logo : July 25, 2009 4:54 AM

早速ご確認いただいてありがとうございます。
お忙しいところ大変申し訳ありません<(_ _)>

お時間とれます時、いつでもけっこうです。
よろしくおねがいいたします。

[46] Posted by 弥音- ひろと : July 25, 2009 5:33 AM

>弥音- ひろとさん
こんにちは。
ご質問の件ですが、左サイドバーの「★ご協力感謝します~」の下にある div の終了タグがひとつ余分なのが原因と思われます。
Firefox(IE6以外)ではタグの開始・終了の対応がきちんととれていないとレイアウトが崩れて表示される場合がありますので注意してください。
それではよろしくお願い致します。

[47] Posted by yujiro logo : July 29, 2009 11:17 AM

お忙しいところ調べていただき大変感謝します。

>左サイドバーの「★ご協力感謝します~」の下にある div の終了タグがひとつ余分なのが原因と思われます。

原因はわかったのですが・・・
どのように修正したらよろしいのでしょうか?

左サイドバーのそのエリアはブログパーツのフリーエリアで作成しており、その部分を見てもdivの終了タグというものは見当たりません。

知識がなくて申し訳ありません。
よろしければ教えていただきたいのですが。
重ね重ねすみません。

[48] Posted by 弥音- ひろと : July 30, 2009 1:18 AM

>弥音- ひろとさん
こんにちは。
ご返事遅くなってすいません。
フリーエリアに該当のタグが見当たらない場合は、「デザインのカスタマイズ」画面(マイページ→ブログ設定→カスタマイズ)で、

  • トップページ
  • 個別記事ページ
  • カテゴリアーカイブ
  • 月別アーカイブ

のテキストエリアを調べてみてください。
それではよろしくお願い致します。

[49] Posted by yujiro logo : August 11, 2009 6:50 PM

お忙しいところありがとうございました。

おかげさまで解決いたしました^^


すみません・・・あと1つお伺いしたいのが

『TOPバナーを自作のものに変えたいのですが、どこを変更すればよいんでしょうか?』

画像をUPしたURLをどこに記述すればよいかお教え願いませんか?

[50] Posted by 弥音- ひろと : August 26, 2009 9:37 PM

>弥音- ひろとさん
こんばんは。
ご返事遅くなってすいません。
ご質問の件ですが、スタイルシートの最後に下記の内容を追加してみてください。

#banner {
    background: url(画像のURL);
}

それではよろしくお願い致します。

[51] Posted by yujiro logo : September 10, 2009 8:18 PM

こんにちは。

以前は使えていましたが、最近、ライブドアブログの仕様が変わったのか???新しくブログを作ろうと思いまして、小粋空間様のテンプレートを適用するとトップページが何も表示されず、真っ白になってしまうようです。

お忙しいかと思いますが、ご確認よろしくお願い致します。

[52] Posted by KG : September 19, 2009 5:03 PM

はじめまして。

ぞびさんと同じ質問ですが、「次のページへ」はもう解決しているのでしょうか。今日初めてこちらにたどりつき、先ほど設定を終わったところですが、「次のページへ」が見つからなかったので投稿いたしました。

----------------------------
記事をカテゴリ別で表示させたとき、1ページ30件ごとに分割して表示されるのですが、「次のページへ」のリンクが無いためそれ以降の記事を表示することが出来ないことに気付きました。
1ページに表示する件数はBLOGの設定で変更できますが、最大は50件までのようです。

どうか修正していただけないでしょうか?宜しくお願いします。
[19] Posted by ぞび : October 29, 2007 3:27 AM

[53] Posted by bamian : October 20, 2009 5:10 AM

>bamianさん
こんばんは。
ご返事遅くなってすいません。

以下の内容をカテゴリアーカイブテンプレートの「<!-- Loop Start -->」の直前に追加してください。

<div class="page-nav"><IfPrevPage><a href="<$CurrentUrl$>?p=<$PrevPage$>">&lt; 前のページへ</a></IfPrevPage><IfPrevPage><IfNextPage>&nbsp;|&nbsp;</IfNextPage></IfPrevPage><IfNextPage><a href="<$CurrentUrl$>?p=<$NextPage$>">次のページへ &gt;</a></IfNextPage></div>

それではよろしくお願い致します。

[54] Posted by yujiro logo : October 27, 2009 9:11 PM

yujiroさま、
次のページへと、表示ぱっちりです!
どうもありがとうございました!

[55] Posted by bamian : October 29, 2009 4:53 PM

>bamianさん
こんばんは。
ご連絡ありがとうございました。
うまくできたようでよかったです。
ではでは!

[56] Posted by yujiro logo : November 1, 2009 9:27 PM

livedoorの仕様変更があり、HTMLにlivedoorのヘッダを入れなくても自動的に表示できるようになったようです。
テンプレートをそのまま使用すると、ヘッダの2重表示になってしまいます。
トップページのHTMLですと、18-34行の部分が不要になったようです。

[57] Posted by ぞび : March 16, 2010 6:03 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)