ブログのテンプレート

質問

あの僕ブログを作っているんですけど・・・

http://bestgame.blog.shinobi.jp/
こんな感じに記事に画像を入れるスペースがほしいんですけど・・・

どんな風にテンプレートをいじればこんな風に画像が入れれるようになるでしょうか？

回答No.2

Friendly_F

上記のURLのページの管理人です。

ブログテンプレートをダウンロードした後、自分でそのテンプレートを加工しました。

<!-- ▼TOP部分▼ -->
<div id="TopBlock">
<div id="TopTitle">
<h1><a href="<!--$g_url-->"><!--$g_title--></a></h1>
</div><!-- //TopTitle// -->

<div id="TopExplanation">
<h2 class="TopExplanationFont"><!--$g_explanation--></h2>
</div><!-- //TopExplanation// -->

<div class="TopLogin">
<a href="<!--$g_url-->hoge/" title="管理部屋に入る">Login</a>│<a href="<!--$g_url-->hoge/Logout/" title="管理部屋から出る">Logout</a>
</div><!-- //TopLogin// -->

<!-- ↓横型カレンダー -->
<div class="center YokoCalendar">
<a href="<!--$plugin_calendar_prev_link-->" title="<!--$plugin_calendar_prev_mon-->月の記事へ">≪</a>
<a href="./" title="TOPページへ"><!--$plugin_calendar_now_year-->.<!--$plugin_calendar_now_mon--></a>┃
<!--plugin_calendar_date-->
<!--$calendar_date_day-->
<!--/plugin_calendar_date-->
<a href="<!--$plugin_calendar_next_link-->" title="<!--$plugin_calendar_next_mon-->月の記事へ">≫</a>
</div><!--//YokoCalendar//-->
<!-- ↑横型カレンダー -->

</div><!-- //TopBlock// -->
<!-- ▲TOP部分▲ -->

↑これが、ダウンロードしたテンプレートのソースです。
↓これは、加工したものです。

<!-- ▼TOP部分▼ -->
<div id="TopBlock">
<div id="TopTitle"><br><br><br><br><br><br><br><br><br><br>
<!-- ↓横型カレンダー -->
<div class="center YokoCalendar">
<a href="<!--$plugin_calendar_prev_link-->" title="<!--$plugin_calendar_prev_mon-->月の記事へ">≪</a>
<a href="./" title="TOPページへ"><!--$plugin_calendar_now_year-->.<!--$plugin_calendar_now_mon--></a>┃
<!--plugin_calendar_date-->
<!--$calendar_date_day-->
<!--/plugin_calendar_date-->
<a href="<!--$plugin_calendar_next_link-->" title="<!--$plugin_calendar_next_mon-->月の記事へ">≫</a>
</div><!--//YokoCalendar//-->
<!-- ↑横型カレンダー -->

</div><!-- //TopBlock// -->
<!-- ▲TOP部分▲ -->

途中で、<br>を入れて、画像を入れるスペースを作っています。

お礼

ありがとうございました。。

とても参考になりました。。

回答No.1

calltella

ソースを見る限りテンプレート(CSS)ではなくHTMLで書かれているのではないでしょうか？

以下、「http://bestgame.blog.shinobi.jp/​」より引用
<!-- //EntryWriteDate// --> <div class="EntryTextBox">
<div class="EntryText">
<table cellspacing="1" cellpadding="1" width="450" summary="" border="1">
<tbody>
<tr>
<td><a target="_blank" href="http://www.anocoro.jp/play/index.html"><img height="141" alt="" width="190" src="http://file.bestgame.blog.shinobi.jp/6d45f21ejpeg" /></a></td>
<td><font size="3">タイトル：<a target="_blank" href="http://www.anocoro.jp/play/index.html">アノコロ.jp</a><hr />
情報提供：ゆび<hr />
説明：</font><font size="2">WEBブラウザ上（Flash）で手軽に遊べる新しい感覚のオンラインコミュニティです！ 泥んこで駆けずり回ったアノコロをヴァーチャルに体験してみよう！登録不要！</font></td>
</tr>
</tbody>
</table> </div><!-- //EntryText// -->