PAPAパラダイス's Homepage: HaloScanをIframe要素に収納

このブログを構築しているThingamablogがコメント・トラックバック機能を利用できないため、コメント・トラックバックのウェブページを作成してくれるHaloScanというサービスを利用しているが、リンクをクリックするとHaloScanのページに遷移するのではなく、Iframe要素でこのブログ内に表示しちゃおうと思った。
まず、archive.template、category.template及びmain.templateでHaloScanのコードを貼付すべき部分（メモ参照）を次のとおりにした。

<a href="<$EntryPermalink$>#comment">
<script type="text/javascript">
<!--
 postCount('<$EntryID$>'); 
//-->
</script></a> | <a href="<$EntryPermalink$>#trackback">
<script type="text/javascript">
<!--
 postCountTB('<$EntryID$>');
//-->
</script>
</a>

次に、entry.templateでHaloScanのコードを貼付すべき部分を次のとおりにした。

<a href="#comment">
<script type="text/javascript">
<!--
 postCount('<$EntryID$>'); 
//-->
</script></a> | <a href="#trackback">
<script type="text/javascript">
<!--
 postCountTB('<$EntryID$>');
//-->
</script>
</a>

最後に、entry.templateの適当な場所に次のHTMLコード（hogeはユーザ名）を貼付した。

<h4 id="comment">Comments</h4>
<iframe src="http://www.haloscan.com/comments/hoge/<$EntryID$>"></iframe>
<h4 id="trackback">Trackbacks</h4>
<iframe src="http://www.haloscan.com/tb/hoge/<$EntryID$>"></iframe>

あとはCSSを弄ってデザインを整えれば、終了。
まだ弄りたい点もあるが、それは追々。

Tags: Thingamablog, HaloScan, デザイン, テンプレート, HTML, CSS, JavaScript