blog をサイドバーに埋めこむ

ミニブログ側の調整

まず、ミニブログにするための新しい blog を作って、それに対して以下のようなテンプレートを作ります。

サイドバー埋めこみ blog のテンプレート

これを、インデックステンプレートとして登録します。

MT の場合：
Template の編集 → 新しいインデックステンプレートを作る → 適当な名前を付けて内容を上記リンク先のようにする。

ココログプロの場合：
上級者向けテンプレートに変更し、新しいインデックステンプレートを作る。

インデックステンプレートの「出力ファイル名」を仮に embedded.js としたとします。

メインブログ側のサイドバー調整

メインブログ側のどこに埋めこむかは自由ですが、このサイトでは右サイドバーに埋めこんでいます。単に埋めこみたい箇所に以下のように書くだけです。

<script type="text/javascript" src="/path/to/embedded.js"></script>

ココログであればサイドバーは「マイリンク」を弄ることで簡単に変更できます。この部分の詳細は割愛します。MT の場合はサイドバーなるものはデフォルトでは存在しませんが、このサイトでは SSI を用いてすべてのページにサイドバーを設置しています。

スタイルシートの調整

ミニブログのテンプレートではいくつかの class を定義しているので、その class に見合った CSS 定義を追加します。ここでは以下のようにしています。

.embedded-blog {
	line-height: normal;
	text-align: left;
	border: 2px inset #333333;
	background-color: #eeeedd;
	padding: 2px;
	height: 350px;
	overflow: auto;
	font-size: x-small;
}
.embedded-blog h1 {
	font-size: small;
}
.embedded-blog a {
	text-decoration: none;
	border-bottom: 1px solid #aaccf6;
}
.embedded-blog .anEntry {
	border: 1px solid #cccccc;
	padding: 2px;
}
.embedded-blog .posted {
	font-size: xx-small;
	margin-bottom: 2px;
	padding: 1px;
}

ま、こんなところです。まともに親切丁寧に説明できていないので、もしやってみる方がいらっしゃる場合、わかんない部分を聞いていただけましたらと思います_o_。