ミニブログ側の調整
まず、ミニブログにするための新しい 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_。

コメントする