<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>ブログ別！作成・カスタマイズ講座</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/" />
    <link rel="self" type="application/atom+xml" href="http://blog.info-rich.jp/atom.xml" />
   <id>tag:blog.info-rich.jp,2008://2</id>
    <link rel="service.post" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2" title="ブログ別！作成・カスタマイズ講座" />
    <updated>2007-08-15T12:29:02Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type  4.0</generator>
 

<entry>
    <title>MovableType4へのアップグレード方法</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/08/movabletype4.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=257" title="MovableType4へのアップグレード方法" />
    <id>tag:blog.info-rich.jp,2007://2.257</id>
    
    <published>2007-08-15T12:02:43Z</published>
    <updated>2007-08-15T12:29:02Z</updated>
    
    <summary><![CDATA[8月8日、「Movable Type 4」の提供が開始されたましたので、早速、アップグレードを行いました。 約3年振りのメジャー・バージョンアップですので、機能やデザイン等が、かなり強化されています＾＾ 　&lt;MT4の管理画面&gt; 　 ...]]></summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="開設編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[8月8日、「<a href="http://www.sixapart.jp/movabletype/" target="_blank">Movable Type 4</a>」の提供が開始されたましたので、早速、アップグレードを行いました。<br />
<br />
約3年振りのメジャー・バージョンアップですので、機能やデザイン等が、かなり強化されています＾＾<br />
<br />
　&lt;MT4の管理画面&gt;<br />
　<img src="http://blog.info-rich.jp/img/cap/070815_04.jpg" width="350" height="227" border="0" alt="" /><br />
<br />]]>
        <![CDATA[<br />
<div class="title1">MT3.3 から MT4 へのアップグレード方法</div>
<br />
では、MT3.3からMT4へのアップグレード方法を説明します。<br />
ただし、MT4に対応していないプラグインなどもありますので、アップグレードはご自身の判断で行ってください。<br />
<br />
<b><font color="#ff0000">[1] バックアップを作成する</font></b><br />
まず、アップグレードする前に、必ずバックアップをとりましょう。万が一、失敗しても完全復活させることができます。<br />
<br />
<b>１. ディレクトリのバックアップ</b><br />
FTPソフトで、サーバーにある下記のディレクトリをダウンロードします。<br /><br />
<div class="source1">・アプリケーションディレクトリ（mt.cgi があるディレクトリ）<br />
・スタティックディレクトリ（mt-static）<br />
・ブログディレクトリ（index.html があるディレクトリ）<br />
・データベースディレクトリ（SQLite、Berkeley DBを利用している場合）</div>
<br />
<b>2. データベースのバックアップ</b><br />
MySQL や PostgreSQL を利用している場合は、レンタルサーバーが提供するバックアップの方法（phpMyAdmin等）や、シェルを利用して、データベースのバックアップを作成します。<br />
<br />
<b>3. エントリー・コメント・カテゴリの書き出し</b><br />
また、MovableTypeでは、管理画面からエントリー・コメント・カテゴリ等の基本的なデータを書き出すことができます。詳しくは、「<a href="http://blog.info-rich.jp/archives/2005/07/post_56.html">バックアップのとり方</a>」を参考にして下さい。<br />
<br />
<br />
<b><font color="#ff0000">[2] Movable Type 4（日本語版）を入手する</font></b><br />
最新版の『 MT-4_0-ja.zip 』ファイルを入手します。<br />
<br />
<b>1. ライセンスを選択する</b><br />
・ <a href="http://www.sixapart.jp/movabletype/license.html" target="_blank">Movable Type4</a>のライセンスと購入ページで用途にあったライセンスと購入方法を選択します。<br />
<ul>
<li><a href="http://www.ecbuyers.com/b2c/catalog/default.php?cPath=28_127" target="_blank">個人無償ライセンス</a>（ECバイヤーズ）</li>
<li><a href="http://www.ecbuyers.com/b2b/catalog/default.php?cPath=6" target="_blank">有償ライセンス一覧</a>（ECバイヤーズ）</li>
</ul>
<br />
<b>2. ダウンロード画面を開く</b><br />
・ ECバイヤーズのサイトで、該当のライセンスを選択します。<br />
・ 規約をよく読み、同意したら、次へ進みます。<br />
・ 「お名前」「メールアドレス」を入力し、次へ進みます。<br />
・ 確認画面で、入力に間違いがなければ、「申込」をクリックします。<br />
<br />
<b>3. MT-4_0-jaをダウンロードする</b><br />
・登録したメールアドレスに準備完了のお知らせメールが届きます。<br />
・メールに記載されたダウンロード認証画面URLをクリックします。<br />
・メールに記載された「ダウンロード認証キー」を入力し、「次へ」をクリックします。<br />
・「ダウンロード」をクリックすると、ダウンロードが開始されます。<br />
<br />
<b>4. ダウンロードしたファイルを解凍する</b><br />
・ダウンロードしたファイル「MT-4_0-jp.zip」を「<a href="http://www.forest.impress.co.jp/lib/arc/extract/extracter/lhasa.html" target="_blank">Lhasa</a>」などで解凍します。<br />
<br />
<br />
<b><font color="#ff0000">[3] サーバーへのアップロード</font></b><br />
<br />
<b>1. 解凍したMT-4.0-jaのデータをサーバーにアップロードする</b><br />
解凍したファイルをすべて、サーバー上の 『 cgi 』 フォルダ内の 『 mt 』
フォルダの中(環境設定ファイルのCGIPathで指定している場所) に、アップロードします<br />
<br />
アップロードが失敗する場合は、フォルダごとにアップロードするなど、何回かに分けてアップロードするとうまくいきます。<br />
<br />
<b>2. 環境設定ファイル「mt-config.cgi」をサーバーにアップロードする</b><br />
[1]でバックアップした「mt-config.cgi」を、元の場所にアップロードします。<br />
<br />
なお、MT3.3 以前のバージョンからアップグレードする場合は、MT3.3の新機能の1つであるログ・フィード機能で、検索の結果のフィードを出力するために、mt-config.cgi
に、以下を追記してください。<br />
<br />
<div class="source1"><CODE>AltTemplate feed results_feed.tmpl</CODE></div>
<br />
※また、プラグインなどを追加している場合は、それらもアップロードします。<br />
<br />
<b>3. cgiファイルのパーミション（属性）を変更する</b><br />
アップロード完了後、『 cgi 』 フォルダ内の 『 mt 』 フォルダの中にあるすべてのcgiファイルのパーミション（属性）を「755」、あるいは、「700」にします。<br />
<br />
<br />
<b><font color="#ff0000">[4] アップグレードの実行</font></b><br />
<br />
<b>1. アップグレードプログラムを実行する</b><br />
ブラウザからインストール先の<strong>mt.cgi</strong> へアクセスします。<br />
URLは、「mt-config.cgiファイル内の<strong>CGIPath</strong>で指定したURL」+「mt.cgi」です。<br />
<br />
「アップグレード開始」をクリックします。<br />
<img src="http://blog.info-rich.jp/img/cap/070815_01.jpg" width="250" height="171" border="0" alt="" /><br />
<br />
「ユーザー名」「パスワード」を入力し、「サインイン」をクリックします。<br />
<img src="http://blog.info-rich.jp/img/cap/070815_02.jpg" width="250" height="212" border="0" alt="" /><br />
<br />
「アップグレードが完了しました！」と表示されたら、「Movable Typeに戻る」をクリックします。<br />
<img src="http://blog.info-rich.jp/img/cap/070815_03.jpg" width="250" height="279" border="0" /><br />
<br />
アップグレードが正常に終了すると、「MT4のダッシュボード」が表示されます。<br />
　<img src="http://blog.info-rich.jp/img/cap/070815_04.jpg" width="350" height="227" border="0" alt="" /><br />
<br />
<br />
<b>2. ブログを再構築する</b><br />
アップグレードをブログに反映させるため、すべてを再構築します。<br />
正常に終了すると、再構築したサイトに「Movable Type 4」と表示されます。<br />
<br />
<b>3. 不要なcgiファイルをサーバーから削除する</b><br />
アップグレードが正常でしたら、下記のcgiファイルをサーバーから削除しておきます。<br />
<br />
<div class="source1">mt-check.cgi <br />
mt-upgrade.cgi 
</div>
<br />
<br />
以上で、Movable Type 4 へのアップグレードは完了です。<br />
お疲れ様でした。<br />
<br />
［関連記事］<br />
・<a href="http://www.movabletype.jp/documentation/upgrade.html">MovableType 4 ドキュメント</a>（既存環境からのアップグレード）<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">ブログランキングの応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>Movable Type 4 正式版リリース</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/08/movable_type_4_1.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=256" title="Movable Type 4 正式版リリース" />
    <id>tag:blog.info-rich.jp,2007://2.256</id>
    
    <published>2007-08-08T15:25:27Z</published>
    <updated>2007-08-08T15:41:01Z</updated>
    
    <summary>8月8日、ついに、「Movable Type4」の正式版がリリースされました。 「Movable Type3」のリリースから、約3年振りのメジャーバージョンアップですので、どのように変化したのか楽しみですね＾＾ このブログも、週末あたりにバージョンアップしますので、インストール方法や新機能の操作方法なども、詳しく紹介していきたいと思います。 Movable Type 4 を出荷開始します Mova...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="ブログニュース" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[8月8日、ついに、「<a href="http://www.sixapart.jp/movabletype/" target="_blank">Movable Type4</a>」の正式版がリリースされました。<br />
<br />
「Movable Type3」のリリースから、約3年振りのメジャーバージョンアップですので、どのように変化したのか楽しみですね＾＾<br />
このブログも、週末あたりにバージョンアップしますので、インストール方法や新機能の操作方法なども、詳しく紹介していきたいと思います。<br />
<br />
<table width="100%" cellpadding="4" cellspacing="1" bgcolor="#666666">
<tbody>
<tr>
<td class="font13" bgcolor="#c0ddfa"><a href="http://www.sixapart.jp/movabletype/news/2007/08/08-1600.html" target="_blank">Movable Type 4 を出荷開始します</a></td>
</tr>
<tr>
<td width="30%" class="font13" bgcolor="#ffffff" align="left">Movable Type 4.0 を本日、製品版として出荷させていただきます。６月５日のベータテスト開始以降、多くのユーザー様から、沢山のフィードバックをいただきました。皆様のサポートのおかげで、正式版をリリースできましたことを、心から感謝申し上げます。<br>
<br>
前バージョンのMT 3.3 (2006/07/11)からは約１年、MT 3.0（2004/05/13）からは実に３年ぶりとなるメジャー・バージョンアップとなります。Movable Typeが生まれた２００１年以降、ブログの驚異的な普及と共に進化を遂げてきましたが、このバージョン4.0で、Movable Type は新たなステージにチャレンジをします。</td>
</tr>
</tbody>
</table>
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">参考になりましたら、応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
        
    </content>
</entry>

<entry>
    <title>Web2.0風ロゴ画像の作成</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/07/web20.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=255" title="Web2.0風ロゴ画像の作成" />
    <id>tag:blog.info-rich.jp,2007://2.255</id>
    
    <published>2007-07-17T14:48:27Z</published>
    <updated>2007-07-17T15:04:22Z</updated>
    
    <summary>今回は、簡単に「Web2.0風ロゴ画像」を作成する方法を紹介します。 Photoshopなどの画像編集ソフトを使用して作成することも可能ですが、「ロゴ作成ジェネレーター」を利用すれば、あっという間に作成することができます。 「Web2.0」のデザインの特徴は、「グラデーション」「反射効果」「角が丸い」「BETAバッジ」などが挙げられます。実際に、サンプル画像を見て頂ければイメージしやすいと思います...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="デザイン編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[今回は、簡単に「Web2.0風ロゴ画像」を作成する方法を紹介します。<br />
<br />
Photoshopなどの画像編集ソフトを使用して作成することも可能ですが、「ロゴ作成ジェネレーター」を利用すれば、あっという間に作成することができます。<br />
<br />
「Web2.0」のデザインの特徴は、「グラデーション」「反射効果」「角が丸い」「BETAバッジ」などが挙げられます。実際に、サンプル画像を見て頂ければイメージしやすいと思いますが、数多くのサイトで見かけるデザインですね。<br />
「Web2.0」風のロゴを作成する際には、是非、試してみてください。<br />
<br />
<font color="#0000ff">■ サンプル（Web2.0風ロゴ画像）</font><br />
　<img src="http://blog.info-rich.jp/img/cap/logo/BlogDesign02.png" width="289" height="90" border="0" alt="Web2.0風ロゴ画像1" /><br />
　<img src="http://blog.info-rich.jp/img/cap/logo/Web20.png" width="244" height="142" border="0" alt="Web2.0風ロゴ画像2" /><br />]]>
        <![CDATA[<br />
<div class="title1">Web2.0風ロゴ生成ジェネレーター</div>
<br />
<b>1. <a href="http://h-master.net/web2.0/index.php" target="_blank">Web2.0 Logo Creator by Alex P</a></b><br />
<br />
テキスト（半角英数字）を入力するだけで、Web2.0風のロゴを作成することができます。また、色・グラデーションの指定や、「反射効果」「BATAバッジ」の表示の有無が設定できます。<br />
<br />
<img src="http://blog.info-rich.jp/img/cap/logo/BlogDesign01.png" width="289" height="90" border="0" alt="Web2.0 Logo Creator" /><br />
<br />
<b><font color="#ff0000">使用方法</font></b><br />
「Text to make Web2.0」に表示させたい文字（半角英数字）を入力し、「Generate」ボタンをクリックすれば、ロゴ画像が作成されます。<br />
<br />
また、「Add to Reflection?」で、「反射」効果の有無、<br />
「Add BETA tag?」で、「BETAバッジ」の表示の有無が設定できます。<br />
<br />
色の指定方法は、下記のように、[c=カラーコード]と[/c]で挟み、16進数のカラーコードで指定します。<br />
<br />
＜色の指定＞<br />
<div class="source1">[c=カラーコード]表示文字[/c]</div>
<br />
<br />
■色の指定（例）<br />
<img src="http://blog.info-rich.jp/img/cap/logo/BlogDesign02.png" width="289" height="90" border="0" alt="色の指定" /><br />
<br />
＜色の指定例＞<br />
<div class="source1">[c=FF00FF]B[/c][c=0099FF]logDesign[/c]</div>
<br />
<br />
■グラデーションの指定（例）<br />
<img src="http://blog.info-rich.jp/img/cap/logo/BlogDesign03.png" width="290" height="90" border="0" alt="グラデーションの指定" /><br />
<br />
＜色の指定例＞<br />
<div class="source1">[c=0099FF]BlogDesign[/c=FF00FF]</div>
<br />
<br />
<b>2. <a href="http://creatr.cc/creatr/" target="_blank">Web2.0 - Logo Creatr</a></b><br />
<br />
Web2.0風のロゴや、google風、yahoo風のロゴが作成することができます。また、文字色、グラデーション、文字サイズの指定や、「反射効果」「BETAバッジ」の表示の有無などが設定できます。<br />
<br />
<img src="http://blog.info-rich.jp/img/cap/logo/type1.png" width="160" height="100" border="0" alt="Logo Creatr1" /><img src="http://blog.info-rich.jp/img/cap/logo/type2.png" width="160" height="100" border="0" alt="Logo Creatr2" /><br />
<img src="http://blog.info-rich.jp/img/cap/logo/type3.png" width="160" height="100" border="0" alt="Logo Creatr3" /><img src="http://blog.info-rich.jp/img/cap/logo/type4.png" width="160" height="100" border="0" alt="Logo Creatr4" /><br />
<br />
<b><font color="#ff0000">使用方法</font></b><br />
「Logo Text」に表示させたい文字（半角英数字）を入力し、「Create Logo」ボタンをクリックすれば、ロゴ画像が作成されます。<br />
<br />
色の指定方法は、下記のように、[col=カラーコード]と[/col]で挟み、16進数のカラーコードで指定します。<br />
<br />
＜色の指定＞<br />
<div class="source1">[col=3399cc]Web[/col][col=fc0082]2.0[/col]</div>
<br />
<br />
<b>3. <a href="http://web2.0stylr.com/stylr.aspx" target="_blank">Logo Maker : Web 2.0 Stylr</a></b><br />
<br />
Web2.0風のロゴを作成することができます。文字色や背景色、グラデーション、フォントなどが設定できます。<br />
<br />
<img src="http://blog.info-rich.jp/img/cap/logo/logomaker.png" width="176" height="75" border="0" alt="Web2.0風ロゴ画像" /><br />
<br />
<b><font color="#ff0000">使用方法</font></b><br />
「Logo Text」に表示させたい文字（半角英数字）を入力し、<br />
「Web2.0 Styl It!」ボタンをクリックすれば、ロゴ画像が作成されます。<br />
<br />
<br />
以上、Web2.0風ロゴ画像の作成方法を説明しました。<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">参考になりましたら、応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>ストライプ背景画像の作成</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/06/post_102.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=251" title="ストライプ背景画像の作成" />
    <id>tag:blog.info-rich.jp,2007://2.251</id>
    
    <published>2007-06-27T14:31:40Z</published>
    <updated>2007-06-27T14:36:17Z</updated>
    
    <summary>今回は、簡単に「ストライプ画像」を作成する方法を紹介します。 Photoshopなどの画像編集ソフトを使用して作成することも可能ですが、ストライプ画像作成ジェネレーターを利用すれば、もっと簡単に作成できます。 ストライプ画像を背景画像として使用すると、単色でベタ塗りした背景よりも、洗練された感じがしますので、是非、試してみてくださいね。 ■ サンプル（ストライプ画像） 　 　 ...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="デザイン編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[今回は、簡単に「ストライプ画像」を作成する方法を紹介します。<br />
<br />
Photoshopなどの画像編集ソフトを使用して作成することも可能ですが、ストライプ画像作成ジェネレーターを利用すれば、もっと簡単に作成できます。<br />
<br />
ストライプ画像を背景画像として使用すると、単色でベタ塗りした背景よりも、洗練された感じがしますので、是非、試してみてくださいね。<br />
<br />
<font color="#0000ff">■ サンプル（ストライプ画像）</font><br />
<br />
<img src="http://blog.info-rich.jp/img/cap/slash_ccc.png" width="180" height="30" border="0" alt="ストライプ画像" />　<img src="http://blog.info-rich.jp/img/cap/slash_555.png" width="180" height="30" border="0" alt="ストライプ画像" /><br />
<br />
<img src="http://blog.info-rich.jp/img/cap/slash_007cff.png" width="120" height="20" border="0" alt="ストライプ画像" />　<img src="http://blog.info-rich.jp/img/cap/slash_ccffcc.png" width="120" height="20" border="0" alt="ストライプ画像" /><br />
<br />]]>
        <![CDATA[<br />
<div class="title1">ストライプ画像作成ジェネレーター</div>
<br />
<b>1. <a href="http://lab.rails2u.com/bgmaker/" target="_blank">background image maker</a></b><br />
<br />
「斜め線」や「平行線」、「ドット」、「グラデーション」の４パターンを簡単に作成することができます。また、線の間隔や、線の色、背景色、透過、サイズなども指定することができますので、かなり自由度が高いです。<br />
<br />
<a href="http://lab.rails2u.com/bgmaker/" target="_blank"><img src="http://blog.info-rich.jp/img/cap/070627-02.jpg" width="350" height="200" border="0" alt="background image maker" /></a><br />
<br />
<b><font color="#ff0000">使用方法</font></b><br />
値を指定してから「Make」をクリックすると、右側にサンプルが表示されます。<br />
「image」の下にある画像、あるいは、「URL」に表示されているアドレス先の画像をダウンロードすれば、画像の作成は完了です。<br />
<br />
<br />
<b>2. <a href="http://www.stripegenerator.com/" target="_blank">Stripe Generator 2.0</a></b><br />
<br />
ストライプの太さや、間隔、色、背景色、方向などを指定するだけで、簡単に作成することができます。ストライプに影もつけることもできます。<br />
<br />
<a href="http://www.stripegenerator.com/" target="_blank"><img src="http://blog.info-rich.jp/img/cap/070627-03.jpg" width="350" height="200" border="0" alt="Stripe Generator" /></a><br />
<br />
<b><font color="#ff0000">使用方法</font></b><br />
値を指定してから、右側のpreveiwの下の「ストライプ画像」をクリックすると、サンプルが表示されます。<br />
「download」ボタンをクリックすると、生成した画像をダウンロードすることができます。<br />
<br />
<b>3. <a href="http://www.stripedesigner.com/" target="_blank">Stripe Designer</a></b><br />
<br />
様々なストライプが多数用意されています。さらに、画像とストライプを合成したり、ストライプの編集も可能ですが、ストライプの色は変更できないみたいです。<br />
<a href="http://www.stripedesigner.com/" target="_blank"><img src="http://blog.info-rich.jp/img/cap/070627-04.jpg" width="350" height="200" border="0" alt="Stripe Designer" /></a><br />
<br />
<div class="title1">画像をダウンロードしたら</div>
<br />
画像を作成してダウンロード（保存）しましたら、あとは、画像をサーバーにアップロードして、スタイルシートで画像のURLを指定すれば完成です。<br />
<br />
＜CSS の記述例＞<br />
<div class="source1">body {<br />
background-image: url(画像URL);<br />
}</div>
<br />
以上、ストライプ背景画像の作成方法を説明しました。<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">参考になりましたら、応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>Movable Type 4 発表 &amp; ベータテスト開始</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/06/movable_type_4.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=250" title="Movable Type 4 発表 &amp; ベータテスト開始" />
    <id>tag:blog.info-rich.jp,2007://2.250</id>
    
    <published>2007-06-06T16:03:34Z</published>
    <updated>2007-06-06T16:25:33Z</updated>
    
    <summary>6月5日、「Movable Type4 日本語版の発表」、及び、「Movable Type4 開発者向けベータテストの開始」のお知らせがありました。 2004年5月に「Movable Type3 日本語版」がリリースされて以来、約3年振りのメジャーバージョンアップです。順調にベータテスト・改修が進めば、７月１８日頃には正式版にアップグレードできそうです。今から楽しみですね＾＾ シックス・アパートが...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="ブログニュース" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[6月5日、「<a href="http://www.sixapart.jp/press_releases/2007/06/05-1430.html" target="_blank">Movable Type4 日本語版の発表</a>」、及び、「<a href="http://www.sixapart.jp/movabletype/news/2007/06/05-2012.html" target="_blank">Movable Type4 開発者向けベータテストの開始</a>」のお知らせがありました。<br />
<br />
2004年5月に「Movable Type3 日本語版」がリリースされて以来、約3年振りのメジャーバージョンアップです。順調にベータテスト・改修が進めば、７月１８日頃には正式版にアップグレードできそうです。今から楽しみですね＾＾<br />
<br />
<table width="100%" cellpadding="4" cellspacing="1" bgcolor="#666666">
<tbody>
<tr>
<td class="font13" bgcolor="#c0ddfa"><a href="http://www.sixapart.jp/press_releases/2007/06/05-1430.html" target="_blank">シックス・アパートが、最新ブログ・ソフトウェア「Movable Type 4」を発表</a></td>
</tr>
<tr>
<td width="30%" class="font13" bgcolor="#ffffff" align="left">シックス・アパートは、サーバーインストール型のブログ・ソフトウェア「Movable Type（ムーバブル・タイプ）」の最新版、「Movable Type 4 日本語版」を、2007年7月18日より出荷することを発表いたします。また本日より、同製品の公開ベータテストを開始いたします。<br />
「Movable Type 4」は従来の製品と比べ、画面インターフェースを大幅に刷新し、単なるブログ用途だけではなく、企業サイト全体を構築できるCMS(コンテンツ管理システム)としても進化しています。</td>
</tr>
</tbody>
</table>
<br />]]>
        <![CDATA[<br />
<div class="title1">Movable Type4 の主な新機能</div>
<br />
どのような機能が付いて、どの部分が改善されるのか気になりますね。<br />
現在、発表されている新機能の一部は下記のとおりです。<br />
<br />
<table width="100%" cellpadding="4" cellspacing="1" bgcolor="#666666">
<tbody>
<tr>
<td class="font13" bgcolor="#c0ddfa">Movable Type4 の主な新機能</td>
</tr>
<tr>
<td width="30%" class="font13" bgcolor="#ffffff" align="left">
<dl class="tejun0">
<dd class="tejun1">インターフェースの全面刷新</dd>
<dt class="tejun2">・より使いやすくなったインストーラー<br />
・WYSIWYG(ウィジウィグ) エディター<br />
・ファイルマネージャー（画像・ファイル等のアップロード、管理）<br />
・入力中の記事の自動保存</dt>
<dd class="tejun1">CMSとして機能強化</dd>
<dt class="tejun2">・ブログ記事以外のHTMLページの作成<br />
・複数ブログをまとめたポータルページの構築 <br />
・画像やファイルを含む、完全バックアップ<br />
・ブログのクローン（コピー）機能</dt>
<dd class="tejun1">コミュニティ機能の搭載</dd>
<dt class="tejun2">・ユーザー管理機能の強化<br />
・コメント投稿者へのアカウント発行も可能</dt>
</dl>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<div class="title1">Movable Type 4 の公開ベータテスト</div>
<br />
6月5日、MovableType4のベータテストが開始されました。<br />
<br />
<table width="100%" cellpadding="4" cellspacing="1" bgcolor="#666666">
<tbody>
<tr>
<td class="font13" bgcolor="#c0ddfa"><a href="http://www.sixapart.jp/movabletype/news/2007/06/05-2012.html" target="_blank">Movable Type 4 の公開ベータテストを開始</a></td>
</tr>
<tr>
<td width="30%" class="font13" bgcolor="#ffffff" align="left">シックス・アパートは、ブログ・ソフトウェア「Movable Type（ムーバブル・タイプ）」の最新版、Movable
Type 4 の公開ベータテストを開始します。</td>
</tr>
</tbody>
</table>
<br />ベータテストとは、正式版のリリース前に実際にユーザーにベータ版を利用してもらって、バグなどが見つかれば修正を行い、その完成度を高めていくというものです。<br />
<br />
但し、バグや不具合によって、インストールした環境やデータに悪影響を与える可能性がありますので、本番環境やデータへのインストールはしないでください。<br />
<br />公開ベータテストに関する詳細は以下のページをご覧ください。<br />
<ul>
<li><a href="http://www.sixapart.jp/movabletype/beta/" target="_blank">Movable Type 4 ベータ・リリースについて </a></li>
</ul>
<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">参考になりましたら、応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>MTのコメント投稿時のタイムアウトエラー対策</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/05/mt_6.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=249" title="MTのコメント投稿時のタイムアウトエラー対策" />
    <id>tag:blog.info-rich.jp,2007://2.249</id>
    
    <published>2007-05-27T16:09:17Z</published>
    <updated>2007-05-27T16:20:45Z</updated>
    
    <summary>Movable Type3.2、及び、3.3のバージョンにおいて、コメントの投稿やトラックバックの送信の際の動作で非常に長い時間がかかったり、タイムアウトとなる現象が発生しています。 公式サイトの「技術的なよくある質問」にも対処法が記載されていますので、早急に対応してくださいね。 Movable Type サポート: コメントの投稿が急に遅くなりました 標準プラグイン「SpamLookup」がデフ...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="開設編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[Movable Type3.2、及び、3.3のバージョンにおいて、コメントの投稿やトラックバックの送信の際の動作で非常に長い時間がかかったり、タイムアウトとなる現象が発生しています。<br />
<br />
公式サイトの「技術的なよくある質問」にも対処法が記載されていますので、早急に対応してくださいね。<br />
<br />
<table width="100%" cellpadding="4" cellspacing="1" bgcolor="#666666">
<tbody>
<tr>
<td class="font13" bgcolor="#c0ddfa"><a href="http://www.sixapart.jp/support/faq_mt_technical_0057.html" target="_blank">Movable Type サポート: コメントの投稿が急に遅くなりました</a></td>
</tr>
<tr>
<td width="30%" class="font13" bgcolor="#ffffff" align="left">標準プラグイン「SpamLookup」がデフォルトで参照しているサーバーのひとつ、「opm.blitzed.org」が停止したため、コメントの投稿の際、非常に長い時間がかかったり、タイムアウトとなる現象が発生しています。</td>
</tr>
</tbody>
</table>
<br />]]>
        <![CDATA[<br />
<div class="title1">対処方法</div>
<br />
この問題は、「SpamLookup」プラグインの参照サーバー一覧から、「opm.blitzed.org」のサーバーの記述を削除することで回避が可能です。<br />
<br />
1. システム管理者でMovable Typeにログインします。<br />
<br />
2. 「システムメニュー」－「設定」－「プラグイン」に進みます。<br />
<br />
3. 「SpamLookup - Lookups」プラグインの「設定を表示」をクリックします。<br />
<br />
4. 項目「アドレスのチェック」の「ブラックリスト」に入力されている「opm.blitzed.org」を削除します。<br />
<br />
初期状態では、以下の行にあたります。<br />
<div class="source1">bsb.spamlookup.net, opm.blitzed.org</div>
<br />
上記のサーバー一覧から「opm.blitzed.org」を削除し、以下のように編集します。<br />
<div class="source1">bsb.spamlookup.net</div>
<br />
5. 「変更を保存」ボタンをクリックして保存します。<br />
<br />
上記手順で修正が完了します。ブログを再構築する必要はありません。<br />
<br />
なお、ブログごとにSpamLookupを設定している場合は、下記も確認してください。<br />
<div class="source1">ブログごとにSpamLookupの設定を変更している場合は、上記手順での修正がそれぞれのブログに反映されません。念のため、各ブログの「設定」&gt;&gt;「プラグイン」から、変更が反映されているかを確認してください。<br />
また、ブログの設定に変更が反映されていない場合には、各ブログについても上記手順での修正を行ってください。</div>
<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">ブログランキングの応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>Live Search（MSN）でURL表示される（ロリポップ）</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/05/live_searchmsnu.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=248" title="Live Search（MSN）でURL表示される（ロリポップ）" />
    <id>tag:blog.info-rich.jp,2007://2.248</id>
    
    <published>2007-05-14T15:00:43Z</published>
    <updated>2007-05-14T22:51:55Z</updated>
    
    <summary>今回は、メールでのご質問の中から、よくある質問を取り上げて説明します。 【質問内容】 Live Search（MSN）で検索すると、自分のサイトの「title」や「description」が表示されず、「URL」で表示されます。対策方法はありますか？　使用サーバーは、ロリポップです。 ...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="回答編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[今回は、メールでのご質問の中から、よくある質問を取り上げて説明します。<br />
<br />
<div class="source1">【質問内容】<br />
Live Search（MSN）で検索すると、自分のサイトの「title」や「description」が表示されず、「URL」で表示されます。対策方法はありますか？　使用サーバーは、ロリポップです。</div>
<br />]]>
        <![CDATA[<br />
<div class="title1">原因</div>
<br />
ロリポップ「助け合い掲示板」の「<a href="http://lolipoking.lolipop.jp/page/patio.cgi?mode=view&no=6384" target="_blank">MSN検索でのURL表示</a>」において、この件に関してロリポップに問い合わせされた方がいらっしゃったので、以下に抜粋します。<br />
<br />
<div class="source1">検索エンジン関係のファイルである「robots.txt」を設置されていない場合、<br />
検索サイト様で利用されているクローラーが正常に確認を行えず、<br />
登録及び処理が正常に終了しない場合があるようです。</div>
<br />
「robots.txt」とは、ロボット型検索エンジンに対してクロールの制御を依頼するもので、あるページやディレクトリをサーチエンジンの検索対象から外したい場合によく使用されますが、今回の件においては、すべての検索エンジンに対して、全ページをインデックス（登録）してもらうように設定します。<br />
<br />
<div class="title1">対策方法</div>
<br />
Live Search（MSN）において、検索結果がURLで表示される場合の対処方法を説明します。<br />
<br />
<b><font color="#ff0000">[1] robots.txt を作成する</font></b><br />
<br />
メモ帳などのテキストエディタを起動し、「名前を付けて保存」を選択し、<br />
ファイル名を「robots.txt」で保存します。<br />
ファイルの中身は、空ファイル（記述なし）でOKです。<br />
<br />
なお、「空のrobots.txt」 は、下記のように記述した場合と同様、<br />
「すべての検索エンジンを許可」するという意味を持ちます。<br />
<br />
<div class="source1">User-agent: *<br />
Disallow: </div>
<br />
<br />
<b><font color="#ff0000">[2] サーバーにアップロードする</font></b><br />
<br />
FTPクライアントソフト（<a href="http://www.vector.co.jp/soft/win95/net/se061839.html" target="_blank">FFFTP</a>）などを使用して、「robots.txt」をサーバーへアップロードします。<br />
<br />
「robots.txt」を置く場所は、サイトのルートディレクトリに置きます。<br />
例えば、サイトのURLが「http://www.example.com/」の場合は、<br />
「http://www.example.com/robots.txt」に置きます。<br />
<br />
<br />
以上で、完了です。<br />
Live Search（MSN）にクロールされる（数日～数週間）と、URLでの表示から、タイトル・概要などで表示されるようになります。<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">参考になりましたら、応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>MovableType3.3のエントリーアーカイブ解析</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/05/movabletype33_5.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=247" title="MovableType3.3のエントリーアーカイブ解析" />
    <id>tag:blog.info-rich.jp,2007://2.247</id>
    
    <published>2007-05-07T14:35:55Z</published>
    <updated>2007-05-07T14:58:22Z</updated>
    
    <summary>MovableType3.3のエントリーアーカイブ・テンプレートに記述されている内容を説明します。ソース全体を解析していますので、カスタマイズの際には、是非、参考にしてくださいね。...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="解析編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[MovableType3.3のエントリーアーカイブ・テンプレートに記述されている内容を説明します。ソース全体を解析していますので、カスタマイズの際には、是非、参考にしてくださいね。<br />]]>
        <![CDATA[<br />
<div class="title1">MovableType3.3のエントリーアーカイブ構造図</div>
<br />
MovableType3.3のエントリーアーカイブの大まかな構造は、下の図のようになります。まずは、全体的なイメージを掴んでください。<br />
<br />
■ 図1（MovableType3.3構造図）<br />
<br />
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#a5bccb" valign="top">　body &lt;body class=&quot;layout-two-column-right&quot;&gt;<br />
<br />
<center>
<table border="0" width="95%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="left"><font color="#ff0000">#container</font></td>
</tr>
</tbody>
</table>
</center>
<center>
<table border="0" width="95%" cellspacing="3" cellpadding="0" bgcolor="#ff0000">
<tbody>
<tr>
<td bgcolor="#ffffff">
<table border="0" width="100%" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<td colspan="2">
<table border="0" width="100%" bgcolor="#666666" cellspacing="2" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#999999" align="left">　<font color="#FFFFFF">#banner</font></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td valign="top" colspan="2">
<table border="0" width="100%" bgcolor="#ff00ff" cellspacing="2" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　<font color="#ff00ff">#pagebody</font><br />
<table border="0" width="100%" bgcolor="#ffffff" cellspacing="0" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" width="70%">
<table border="0" width="100%" bgcolor="#009900" cellspacing="2" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　<font color="#008000">#alpha</font><br />
<br />
</td>
</tr>
</tbody>
</table>
</td>
<td width="30%">
<table border="0" width="100%" bgcolor="#000099" cellspacing="2" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left"><font color="#000099">　#beta</font><br />
<br />
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
<br />
</td>
</tr>
</tbody>
</table>
<br />
「body」の中に「container」（<font color="#ff0000">赤枠</font>）があります。<br />
その 「container」 の中の上部に、blogのタイトルが入る「banner」（<font color="#999999">グレー枠</font>）があり、下部には、記事やメニューなどが入る「pagebody」（<font color="#ff00ff">ピンク枠</font>）があります。<br />
そして、「pagebody」の中の左側に、エントリーなどが入る「alpha」（<font color="#009900">緑枠</font>）があり、右側には、サイドメニューなどが入る#bata（<font color="#000099">紺枠</font>）があります。<br />
<br />
実際にエントリーアーカイブのテンプレートを見てみると、下記の部分が上図の対応箇所になります。<br />
<br />
＜エントリーアーカイブ - body部分 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13">&lt;body class=&quot;layout-two-column-right<br />
individual-entry-archive&quot;<br />
onload=&quot;individualArchivesOnLoad(commenter_name)&quot;&gt;<br />
　&lt;div id=&quot;<font color="#ff0000">container</font>&quot;&gt;<br />
　　&lt;div id=&quot;<font color="#ff0000">banner</font>&quot;&gt;（中略）&lt;/div&gt;<br />
　　&lt;div id=&quot;<font color="#ff0000">pagebody</font>&quot;&gt;<br />
　　　&lt;div id=&quot;<font color="#ff0000">alpha</font>&quot;&gt;（中略）&lt;/div&gt;<br />
　　　&lt;div id=&quot;<font color="#ff0000">beta</font>&quot;&gt;（中略）&lt;/div&gt;<br />
　　&lt;/div&gt;<br />
　&lt;/div&gt;<br />
&lt;/body&gt;</td>
</tr>
</tbody>
</table>
<br />
<br />
<div class="title1">MovableType3.3のエントリーアーカイブ解析</div>
<br />
さらに、各セレクタを詳しく解析していきます。まずは、ブログのタイトルなどが入っている「#banner」部分です。<br />
<br />
■ #banner部分<br />
<br />
<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#efefef">
<tbody>
<tr>
<td valign="top">　#banner （#banner-inner .pkg ）<br />
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#banner-header　（ブログタイトル）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="1"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#banner-description　（ブログ説明）</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
<center><br />
</center>
</td>
</tr>
</tbody>
</table>
<br />
＜エントリーアーカイブ - バナー部分 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13">&lt;div id=&quot;banner&quot;&gt;<br />
&lt;div id=&quot;banner-inner&quot; class=&quot;pkg&quot;&gt;<br />
<br />
<font color="#ff0000">/* ブログタイトルの表示 */</font><br />
&lt;h1 id=&quot;banner-header&quot;&gt;<br />
&lt;a href=&quot;&lt;$MTBlogURL$&gt;&quot; accesskey=&quot;1&quot;&gt;<br />
&lt;$MTBlogName encode_html=&quot;1&quot;$&gt;&lt;/a&gt;&lt;/h1&gt;<br />
<br />
<font color="#ff0000">/* ブログ説明の表示 */</font><br />
&lt;h2 id=&quot;banner-description&quot;&gt;<br />
&lt;$MTBlogDescription$&gt;&lt;/h2&gt;<br />
<br />
&lt;/div&gt;　/* end of &quot;banner-innerr&quot; */<br />
&lt;/div&gt;　/* end of &quot;banner&quot; */</td>
</tr>
</tbody>
</table>
<br />
<br />
■ #alpha部分<br />
次は、エントリーなどが入っている「#alpha」部分です。<br />
<br />
<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#e0eefc">
<tbody>
<tr>
<td valign="top" bgcolor="#d9ffd9">　#alpha （#alpha-inner .pkg ）<br />
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.content-nav　（前の記事 | メイン | 次の記事）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#archive-title　（エントリータイトル）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry<br />
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry-content
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#ff0000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry-body　（本文）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#ff0000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry-more　（追記）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#ff0000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry-tags
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry-tags-header　（タグ:）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry-tags-list
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" cellspacing="1" cellpadding="4" bgcolor="#000000">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry-tag　（タグ）</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.entry-footer
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.post-footers　（投稿者、日時）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.separator　（ | ）<br />
　.permalink　（パーマリンク）</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.trackbacks<br />
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.trackbacks-header　（トラックバック）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#trackbacks-info　（トラックバックURL）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.trackbacks-content
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#ff0000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.trackback
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.trackback-content（送信元、概要）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.trackback-footert　（時刻）</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comments<br />
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comments-content
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#ff0000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　comments-header　（コメント）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#ff0000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comment
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comment-inner
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" cellspacing="1" cellpadding="4" bgcolor="#000000">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comment-header</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="1" cellpadding="4" bgcolor="#000000">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comment-content　（コメント）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="1" cellpadding="4" bgcolor="#000000">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comment-footer　（投稿者）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" cellspacing="1" cellpadding="4" bgcolor="#000000">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comment-footer-experimental　（日時）</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comments-open
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#ff0000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　comments-open-header（コメントを投稿）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#ff0000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comments-open-content
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.comments-open-moderated </td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#comments-open-data
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" cellspacing="1" cellpadding="4" bgcolor="#000000">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#name-email　（名前、メール）</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#comments-open-text
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" cellspacing="1" cellpadding="4" bgcolor="#000000">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#comment-text　（コメント欄）</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　#comments-open-footer</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
<center><br />
</center>
</td>
</tr>
</tbody>
</table>
<br />
＜エントリーアーカイブ - 左側 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13">&lt;div id=&quot;alpha&quot;&gt;<br />
                  &lt;div id=&quot;alpha-inner&quot; class=&quot;pkg&quot;&gt;<br />
<br />
<font color="#ff0000">/* &lt;前の記事&gt; | メイン | &lt;次の記事&gt; */</font><br />
&lt;p class=&quot;content-nav&quot;&gt;<br />
&lt;MTEntryPrevious&gt;<br />
&lt;a href=&quot;&lt;$MTEntryPermalink$&gt;&quot;&gt;&amp;laquo;<br />
&lt;$MTEntryTitle$&gt;&lt;/a&gt; |<br />
&lt;/MTEntryPrevious&gt;<br />
&lt;a href=&quot;&lt;$MTBlogURL$&gt;&quot;&gt;メイン&lt;/a&gt;<br />
&lt;MTEntryNext&gt;<br />
| &lt;a href=&quot;&lt;$MTEntryPermalink$&gt;&quot;&gt;&lt;$MTEntryTitle$&gt;<br />
&amp;raquo;&lt;/a&gt;<br />
&lt;/MTEntryNext&gt;<br />
&lt;/p&gt;<br />
<br />
<font color="#ff0000">/* エントリータイトル */</font><br />
&lt;h2 id=&quot;archive-title&quot;&gt;&lt;$MTEntryTitle$&gt;&lt;/h2&gt;<br />
<br />
&lt;div class=&quot;entry&quot; id=&quot;entry-&lt;$MTEntryID$&gt;&quot;&gt;<br />
<br />
                        &lt;div class=&quot;entry-content&quot;&gt;<br />
&lt;MTIfNonEmpty tag=&quot;EntryBody&quot;&gt;<br />
<br />
<font color="#ff0000">/* エントリー内容の表示 */</font><br />
&lt;div class=&quot;entry-body&quot;&gt;<br />
&lt;$MTEntryBody$&gt;<br />
&lt;/div&gt;<br />
&lt;/MTIfNonEmpty&gt;<br />
<br />
<font color="#ff0000">/* エントリーの追記 */</font><br />
                           &lt;MTIfNonEmpty tag=&quot;EntryMore&quot; convert_breaks=&quot;0&quot;&gt;<br />
                           &lt;div id=&quot;more&quot; class=&quot;entry-more&quot;&gt;<br />
                              &lt;$MTEntryMore$&gt;<br />
                           &lt;/div&gt;<br />
&lt;/MTIfNonEmpty&gt;        <br />
<br />
<font color="#ff0000">/* タグの表示 */</font><br />
&lt;MTEntryIfTagged&gt;<br />
                           &lt;div class=&quot;entry-tags&quot;&gt;<br />
                               &lt;h4 class=&quot;entry-tags-header&quot;&gt;タグ:&lt;/h4&gt; <br />
                               &lt;ul class=&quot;entry-tags-list&quot;&gt;<br />
                                   &lt;MTEntryTags&gt;<br />
                                       &lt;li class=&quot;entry-tag&quot;&gt;&lt;a href=&quot;&lt;$MTTagSearchLink$&gt;&quot; rel=&quot;tag&quot;&gt;&lt;$MTTagName&gt;&lt;/a&gt;&lt;/li&gt;<br />
                                   &lt;/MTEntryTags&gt;<br />
                               &lt;/ul&gt;<br />
                           &lt;/div&gt;<br />
                           &lt;/MTEntryIfTagged&gt;<br />
&lt;/div&gt; /* end of &quot;entry-content&quot; */<br />
<br />
<font color="#ff0000">/* 投稿者と投稿日付の表示 */</font><br />
&lt;p class=&quot;entry-footer&quot;&gt;<br />
                           &lt;span class=&quot;post-footers&quot;&gt;<br />
&lt;MTIfNonEmpty tag=&quot;EntryAuthorDisplayName&quot;&gt;<br />
投稿者: &lt;$MTEntryAuthorLink show_email=&quot;0&quot;$&gt; <br />
日時: &lt;$MTEntryDate format=&quot;%x %X&quot;$&gt;<br />
&lt;MTElse&gt;<br />
                                   日時: &lt;$MTEntryDate format=&quot;%x %X&quot;$&gt;<br />
&lt;/MTElse&gt;<br />
&lt;/MTIfNonEmpty&gt;<br />
&lt;/span&gt;<br />
<br />
<font color="#ff0000">/* パーマリンクの表示 */</font><br />
&lt;span class=&quot;separator&quot;&gt;|&lt;/span&gt; &lt;a class=&quot;permalink&quot;<br />
href=&quot;&lt;$MTEntryPermalink$&gt;&quot;&gt;パーマリンク&lt;/a&gt;<br />
<br />
&lt;/p&gt; /* end of &quot;entry-footer&quot; */<br />
&lt;/div&gt; /* end of &quot;entry&quot; */<br />
<br />
<font color="#ff0000">/* トラックバック表示（トラックバックを受け付ける設定時） */</font><br />
&lt;MTIfPingsActive&gt;<br />
&lt;div class=&quot;trackbacks&quot;&gt;<br />
&lt;h3 id=&quot;trackback&quot; class=&quot;trackbacks-header&quot;&gt;<br />
トラックバック&lt;/h3&gt;<br />
<br />
<font color="#ff0000">/* トラックバックURL */</font><br />
&lt;div id=&quot;trackbacks-info&quot;&gt;<br />
&lt;MTIfPingsAccepted&gt;<br />
&lt;p&gt;このエントリーのトラックバックURL:&lt;br/&gt;<br />
&lt;$MTEntryTrackbackLink$&gt;<br />
&lt;/p&gt;&lt;/MTIfPingsAccepted&gt;<br />
                        &lt;/div&gt;<br />
<br />
<font color="#ff0000">/* エントリーのURL */</font><br />
&lt;MTPings&gt;<br />
                           &lt;MTPingsHeader&gt;<br />
                              &lt;div class=&quot;trackbacks-content&quot;&gt;<br />
&lt;p&gt;この一覧は、次のエントリーを参照しています: <br />
&lt;a href=&quot;&lt;$MTEntryPermalink$&gt;&quot;&gt;<br />
&lt;$MTEntryTitle$&gt;&lt;/a&gt;:&lt;/p&gt;<br />
                           &lt;/MTPingsHeader&gt;<br />
                           &lt;a id=&quot;p&lt;$MTPingID pad=&quot;1&quot;$&gt;&quot;&gt;&lt;/a&gt;<br />
<br />
<font color="#ff0000">/* 送信元トラックバックURL、タイトル、概要、時刻表示 */</font><br />
&lt;div class=&quot;trackback&quot; id=&quot;ping-&lt;$MTPingID$&gt;&quot;&gt;<br />
                              &lt;div class=&quot;trackback-content&quot;&gt;<br />
                                 &lt;p&gt;<br />
&amp;raquo; &lt;a rel=&quot;nofollow&quot; href=&quot;&lt;$MTPingURL$&gt;&quot;&gt;<br />
&lt;$MTPingTitle$&gt;&lt;/a&gt; 送信元 &lt;$MTPingBlogName$&gt;<br />
&lt;br /&gt;&lt;$MTPingExcerpt$&gt; <br />
&lt;a rel=&quot;nofollow&quot; href=&quot;&lt;$MTPingURL$&gt;&quot;&gt;<br />
[詳しくはこちら]&lt;/a&gt;<br />
                                 &lt;/p&gt;<br />
                              &lt;/div&gt;<br />
&lt;p class=&quot;trackback-footer&quot;&gt;<br />
トラックバック時刻: &lt;a href=&quot;#ping-&lt;$MTPingID$&gt;&quot;&gt;<br />
&lt;$MTPingDate$&gt;&lt;/a&gt;<br />
                              &lt;/p&gt;<br />
                           &lt;/div&gt;<br />
                           &lt;MTPingsFooter&gt;<br />
                              &lt;/div&gt;<br />
                           &lt;/MTPingsFooter&gt;<br />
                        &lt;/MTPings&gt;<br />
                     &lt;/div&gt;<br />
                     &lt;/MTIfPingsActive&gt;<br />
<br />
<font color="#ff0000">/* コメント表示（コメントが可能、または、コメントがある場合）*/</font><br />
&lt;MTIfCommentsActive&gt;<br />
                     &lt;div id=&quot;comments&quot; class=&quot;comments&quot;&gt;<br />
                        &lt;MTComments&gt;<br />
                           &lt;MTCommentsHeader&gt;<br />
&lt;div class=&quot;comments-content&quot;&gt;<br />
<br />
<font color="#ff0000">/* コメント（コメント数） */</font><br />
&lt;h3 class=&quot;comments-header&quot;&gt;コメント<br />
(&lt;$MTEntryCommentCount$&gt;)&lt;/h3&gt;<br />
&lt;/MTCommentsHeader&gt;<br />
<br />
<font color="#ff0000">/* TypeKey認証サービスのプロフィールページへのリンク */</font><br />
&lt;a id=&quot;c&lt;$MTCommentID pad=&quot;1&quot;$&gt;&quot;&gt;&lt;/a&gt;<br />
                                 &lt;div class=&quot;comment&quot; id=&quot;comment-&lt;$MTCommentID$&gt;&quot;&gt;<br />
                                    &lt;div class=&quot;comment-inner&quot;&gt;<br />
                                       &lt;div class=&quot;comment-header&quot;&gt;<br />
&lt;$MTCommentAuthorLink default_name=<br />
&quot;Anonymous&quot; show_email=&quot;0&quot;$&gt;<br />
&lt;MTIfNonEmpty tag=&quot;CommentAuthorIdentity&quot;&gt;<br />
&lt;$MTCommentAuthorIdentity$&gt;&lt;/MTIfNonEmpty&gt;:<br />
                                       &lt;/div&gt;<br />
<br />
<font color="#ff0000">/* コメント内容の表示 */</font><br />
&lt;div class=&quot;comment-content&quot;&gt;<br />
                                          &lt;$MTCommentBody$&gt;<br />
                                       &lt;/div&gt;<br />
<br />
<font color="#ff0000">/* コメント投稿者、日時表示 */</font><br />
&lt;p class=&quot;comment-footer&quot;&gt;<br />
                                          投稿者:<br />
&lt;$MTCommentAuthorLink default_name=&quot;匿名&quot;$&gt;<br />
&lt;$MTCommentAuthorIdentity$&gt; |<br />
&lt;a href=&quot;#comment-&lt;$MTCommentID$&gt;&quot;&gt;<br />
&lt;$MTCommentDate$&gt;&lt;/a&gt;<br />
                                       &lt;/p&gt;<br />
                                       &lt;p class=&quot;comment-footer-experimental&quot;&gt;<br />
                                          日時:<br />
&lt;a href=&quot;#comment-&lt;$MTCommentID$&gt;&quot;<br />
title=&quot;このコメントへのパーマリンク&quot;&gt;<br />
&lt;$MTCommentDate format=&quot;%x %H:%M&quot;$&gt;&lt;/a&gt;<br />
                                       &lt;/p&gt;<br />
                                    &lt;/div&gt;<br />
                                 &lt;/div&gt;<br />
                           &lt;MTCommentsFooter&gt;<br />
                              &lt;/div&gt;<br />
                           &lt;/MTCommentsFooter&gt;<br />
                        &lt;/MTComments&gt;<br />
<br />
<font color="#ff0000">/* コメントを受けつける設定が「可能」の場合 */</font><br />
&lt;MTEntryIfCommentsOpen&gt; <br />
&lt;form method=&quot;post&quot;<br />
action=&quot;&lt;$MTCGIPath$&gt;&lt;$MTCommentScript$&gt;&quot;<br />
name=&quot;comments_form&quot; onsubmit=<br />
&quot;if (this.bakecookie.checked) rememberMe(this)&quot;&gt;<br />
                           &lt;input type=&quot;hidden&quot; name=&quot;static&quot; value=&quot;1&quot; /&gt;<br />
&lt;input type=&quot;hidden&quot; name=&quot;entry_id&quot;<br />
value=&quot;&lt;$MTEntryID$&gt;&quot; /&gt;<br />
<br />
<font color="#ff0000">/* コメントを投稿 */</font><br />
                           &lt;div class=&quot;comments-open&quot; id=&quot;comments-open&quot;&gt;<br />
                              &lt;h2 class=&quot;comments-open-header&quot;&gt;コメントを投稿&lt;/h2&gt;<br />
<br />
<font color="#ff0000">/* TypeKey認証サービス設定が有効の場合 */</font><br />
                              &lt;div class=&quot;comments-open-content&quot;&gt;<br />
                                 &lt;script type=&quot;text/javascript&quot;&gt;<br />
                                 &lt;!--<br />
writeTypeKeyGreeting(commenter_name, &lt;$MTEntryID$&gt;);<br />
                                 //--&gt;<br />
                                 &lt;/script&gt;<br />
<br />
<font color="#ff0000">/* コメントの事前承認設定が有効の場合 */</font><br />
&lt;MTIfCommentsModerated&gt;<br />
                                 &lt;p class=&quot;comments-open-moderated&quot;&gt;<br />
                                    (いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)<br />
                                 &lt;/p&gt;<br />
                                 &lt;/MTIfCommentsModerated&gt;<br />
<br />
                                 &lt;div id=&quot;comments-open-data&quot;&gt;<br />
                                    &lt;div id=&quot;name-email&quot;&gt;<br />
<br />
<font color="#ff0000">/* 名前欄 */</font><br />
&lt;p&gt;&lt;label for=&quot;comment-author&quot;&gt;名前:&lt;/label&gt;<br />
                                          &lt;input id=&quot;comment-author&quot; name=&quot;author&quot; size=&quot;30&quot; /&gt;<br />
                                       &lt;/p&gt;<br />
<br />
<font color="#ff0000">/* メールアドレス欄 */</font><br />
&lt;p&gt;&lt;label for=&quot;comment-email&quot;&gt;メールアドレス:&lt;/label&gt;<br />
                                          &lt;input id=&quot;comment-email&quot; name=&quot;email&quot; size=&quot;30&quot; /&gt;<br />
                                       &lt;/p&gt;<br />
                                    &lt;/div&gt;<br />
<br />
<font color="#ff0000">/* URL欄 */</font><br />
&lt;p&gt;&lt;label for=&quot;comment-url&quot;&gt;URL:&lt;/label&gt;<br />
                                       &lt;input id=&quot;comment-url&quot; name=&quot;url&quot; size=&quot;30&quot; /&gt;<br />
&lt;/p&gt;<br />
<br />
<font color="#ff0000">/* 情報の登録欄 */</font><br />
&lt;p&gt;&lt;label for=&quot;comment-bake-cookie&quot;&gt;<br />
&lt;input type=&quot;checkbox&quot;<br />
id=&quot;comment-bake-cookie&quot; name=&quot;bakecookie&quot;<br />
onclick=&quot;if (!this.checked)<br />
forgetMe(document.comments_form)&quot; value=&quot;1&quot; /&gt;<br />
                                          この情報を登録しますか?&lt;/label&gt;<br />
                                    &lt;/p&gt;<br />
                                 &lt;/div&gt;<br />
<br />
<font color="#ff0000">/* コメント欄 */</font><br />
                                 &lt;p id=&quot;comments-open-text&quot;&gt;<br />
&lt;label for=&quot;comment-text&quot;&gt;コメント: <br />
&lt;MTIfAllowCommentHTML&gt;<br />
(スタイル用のHTMLタグが使えます)<br />
&lt;/MTIfAllowCommentHTML&gt;&lt;/label&gt;<br />
&lt;textarea id=&quot;comment-text&quot;<br />
name=&quot;text&quot; rows=&quot;15&quot; cols=&quot;50&quot;&gt;&lt;/textarea&gt;<br />
&lt;/p&gt;<br />
<br />
<font color="#ff0000">/* 確認ボタン、投稿ボタン */</font><br />
&lt;div id=&quot;comments-open-footer&quot;<br />
class=&quot;comments-open-footer&quot;&gt;<br />
&lt;input type=&quot;submit&quot; accesskey=&quot;v&quot;<br />
name=&quot;preview&quot; id=&quot;comment-preview&quot; value=&quot;確認&quot; /&gt;<br />
&lt;input type=&quot;submit&quot; accesskey=&quot;s&quot;<br />
name=&quot;post&quot; id=&quot;comment-post&quot; value=&quot;投稿&quot;
/&gt;<br />
                                 &lt;/div&gt;<br />
                              &lt;/div&gt;<br />
                           &lt;/div&gt;<br />
                        &lt;/form&gt;<br />
                        &lt;/MTEntryIfCommentsOpen&gt;<br />
                     &lt;/div&gt;<br />
&lt;/MTIfCommentsActive&gt;<br />
<br />
&lt;/div&gt;　/* end of &quot;alpha-inner&quot; */<br />
&lt;/div&gt;　/* end of &quot;alpha&quot; */</td>
</tr>
</tbody>
</table>
<br />
<br />
■ #beta部分<br />
次は、サイドメニューなどが入っている「#beta」部分です。<br />
<br />
<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#e0eefc">
<tbody>
<tr>
<td valign="top" bgcolor="#e0eefc">　#beta （#beta-inner .pkg ）<br />
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-search module
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-header　（検索）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-content</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-welcome module
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-header　（About）</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-content
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.first　（エントリー投稿日時）</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-syndicate module
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-content</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-creative-commons module
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-content</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td height="2"></td>
</tr>
<tr>
<td>
<table border="0" width="100%" bgcolor="#000099" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-powered module
<center>
<table border="0" width="95%" cellpadding="4" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0" width="100%" bgcolor="#008000" cellspacing="1" cellpadding="4">
<tbody>
<tr>
<td bgcolor="#ffffff" align="left">　.module-content</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
<center><br />
</center>
</td>
</tr>
</tbody>
</table>
<br />
＜エントリーアーカイブ - 検索部分 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13">&lt;div id=&quot;beta&quot;&gt;<br />
&lt;div id=&quot;beta-inner&quot; class=&quot;pkg&quot;&gt;<br />
<br />
                     &lt;div class=&quot;module-search module&quot;&gt;<br />
                        &lt;h2 class=&quot;module-header&quot;&gt;検索&lt;/h2&gt;<br />
<br />
&lt;div class=&quot;module-content&quot;&gt;<br />
<br />
<font color="#ff0000">/* 検索用CGIスクリプトの指定 */</font><br />
&lt;form method=&quot;get&quot;<br />
action=&quot;&lt;$MTCGIPath$&gt;&lt;$MTSearchScript$&gt;&quot;&gt;<br />
<br />
<font color="#ff0000">/* 入力フィールドの指定 */</font><br />
&lt;input type=&quot;hidden&quot; name=&quot;IncludeBlogs&quot;<br />
value=&quot;&lt;$MTBlogID$&gt;&quot; /&gt;<br />
&lt;label for=&quot;search&quot; accesskey=&quot;4&quot;&gt;ブログを検索:
&lt;/label&gt;<br />
&lt;br /&gt;<br />
<br />
<font color="#ff0000">/* 入力フィールドの表示 */</font><br />
&lt;input id=&quot;search&quot; name=&quot;search&quot; size=&quot;20&quot;
/&gt;<br />
<br />
<font color="#ff0000">/* 検索ボタンの表示 */</font><br />
&lt;input type=&quot;submit&quot; value=&quot;検索&quot; /&gt;<br />
                           &lt;/form&gt;<br />
&lt;/div&gt;<br />
&lt;/div&gt;</td>
</tr>
</tbody>
</table>
<br />
＜エントリーアーカイブ - About表示部 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13">&lt;div class=&quot;module-welcome module&quot;&gt;<br />
&lt;h2 class=&quot;module-header&quot;&gt;About&lt;/h2&gt;<br />
&lt;div class=&quot;module-content&quot;&gt;<br />
<br />
<font color="#ff0000">/* エントリーの投稿日時（年月日）表示 */</font><br />
&lt;p class=&quot;first&quot;&gt;<br />
&lt;$MTEntryDate format=&quot;%x %X&quot;$&gt;に投稿されたエントリーのページです。&lt;/p&gt;<br />
&lt;MTEntryPrevious&gt;<br />
<br />
<font color="#ff0000">/* ひとつ前のエントリータイトル表示 */</font><br />
&lt;p&gt;ひとつ前の投稿は「&lt;a href=&quot;&lt;$MTEntryPermalink$&gt;&quot;&gt;<br />
&lt;$MTEntryTitle remove_html=&quot;1&quot;$&gt;&lt;/a&gt;」です。&lt;/p&gt;&lt;/MTEntryPrevious&gt;<br />
<br />
<font color="#ff0000">/* 次のエントリータイトル表示 */</font><br />
&lt;MTEntryNext&gt;<br />
&lt;p&gt;次の投稿は「&lt;a href=&quot;&lt;$MTEntryPermalink$&gt;&quot;&gt;<br />
&lt;$MTEntryTitle remove_html=&quot;1&quot;$&gt;&lt;/a&gt;」です。&lt;/p&gt;&lt;/MTEntryNext&gt;<br />
<br />
<font color="#ff0000">/* メインページ、アーカイブページへのリンク */</font><br />
&lt;p&gt;他にも多くのエントリーがあります。<br />
&lt;a href=&quot;&lt;$MTBlogURL$&gt;&quot;&gt;メインページ&lt;/a&gt;や<br />
&lt;a href=&quot;&lt;$MTBlogURL$&gt;archives.html&quot;&gt;アーカイブページ&lt;/a&gt;も見てください。&lt;/p&gt;<br />
                             <br />
                         &lt;/div&gt;<br />
&lt;/div&gt;</td>
</tr>
</tbody>
</table>
<br />
＜エントリーアーカイブ - ブログフィード表示部 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13"><font color="#ff0000">/* ブログフィードの表示 */</font><br />
&lt;div class=&quot;module-syndicate module&quot;&gt;<br />
                         &lt;div class=&quot;module-content&quot;&gt;<br />
&lt;a href=&quot;&lt;$MTBlogURL$&gt;atom.xml&quot;&gt;<br />
このブログのフィードを取得&lt;/a&gt;&lt;br /&gt;<br />
[&lt;a href=&quot;http://www.sixapart.jp/about/feeds&quot;&gt;<br />
フィードとは&lt;/a&gt;]<br />
                         &lt;/div&gt;<br />
&lt;/div&gt;</td>
</tr>
</tbody>
</table>
<br />
＜エントリーアーカイブ - ライセンス表示部 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13"><font color="#ff0000">/* クリエイティブ・コモンズ・ライセンス設定の際に表示 */</font><br />
&lt;MTBlogIfCCLicense&gt;<br />
                     &lt;div class=&quot;module-creative-commons module&quot;&gt;<br />
                        &lt;div class=&quot;module-content&quot;&gt;<br />
&lt;a href=&quot;&lt;$MTBlogCCLicenseURL$&gt;&quot;&gt;<br />
&lt;img alt=&quot;クリエイティブ・コモンズ・ライセンス&quot;<br />
src=&quot;&lt;$MTBlogCCLicenseImage$&gt;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;<br />
このブログは、次のライセンスで保護されています。 <br />
&lt;a href=&quot;&lt;$MTBlogCCLicenseURL$&gt;&quot;&gt;<br />
クリエイティブ・コモンズ・ライセンス&lt;/a&gt;.<br />
                        &lt;/div&gt;<br />
                     &lt;/div&gt;<br />
&lt;/MTBlogIfCCLicense&gt;</td>
</tr>
</tbody>
</table>
<br />
＜エントリーアーカイブ - クレジット表示部 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13"><font color="#ff0000">/* バージョンの表示、及び、ポータルサイトへのリンク */</font><br />
&lt;div class=&quot;module-powered module&quot;&gt;<br />
                         &lt;div class=&quot;module-content&quot;&gt;<br />
Powered by&lt;br /&gt;<br />
&lt;a href=&quot;http://www.sixapart.jp/movabletype/&quot;&gt;<br />
&lt;$MTProductName version=&quot;1&quot;$&gt;&lt;/a&gt;<br />
                         &lt;/div&gt;<br />
                      &lt;/div&gt;</td>
</tr>
</tbody>
</table>
<br />
<br />
■ head部分<br />
最後は、文頭のhead部分です。<br />
<br />
＜エントリーアーカイブ - ヘッダー部分 ： MovableType3.3＞<br />
<table border="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="border-top-width : 1px;border-right-width : 1px;border-bottom-width : 1px;border-left-width : 1px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" class="font13"><font color="#ff0000">/* DOCTYPEの宣言 （XHTML 1.0 Transitional）*/</font><br />&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;<br />
   &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;<br />
id=&quot;sixapart-standard&quot;&gt;<br />
&lt;head&gt;<br />
<br />
<font color="#ff0000">/* 文字コードの指定 */</font><br />
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;<br />
charset=&lt;$MTPublishCharset$&gt;&quot; /&gt;<br />
<br />
<font color="#ff0000">/* HTMLを生成したアプリケーション情報の指定 */</font><br />
&lt;meta name=&quot;generator&quot;<br />
content=&quot;&lt;$MTProductName version=&quot;1&quot;$&gt;&quot; /&gt;<br />
<br />
<font color="#ff0000">/* スタイルシートのリンク */</font><br />
&lt;link rel=&quot;stylesheet&quot; href=&quot;<br />
&lt;$MTBlogURL$&gt;styles-site.css&quot; type=&quot;text/css&quot; /&gt;<br />
<br />
<font color="#ff0000">/* Atomのリンク */</font><br />
&lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot;<br />
title=&quot;Atom&quot; href=&quot;&lt;$MTBlogURL$&gt;atom.xml&quot; /&gt;<br />
<br />
<font color="#ff0000">/* RSS 2.0のリンク */</font><br />
&lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot;<br />
title=&quot;RSS 2.0&quot; href=&quot;&lt;$MTBlogURL$&gt;index.xml&quot;
/&gt;<br />
<br />
<font color="#ff0000">/* タイトル 【記事タイトル　ブログタイトル 】 */</font><br />
&lt;title&gt;&lt;$MTEntryTitle remove_html=&quot;1&quot;$&gt; <br />
(&lt;$MTBlogName encode_html=&quot;1&quot;$&gt;)&lt;/title&gt;<br />
<br />
<font color="#ff0000">/* トップページのリンク */</font><br />
&lt;link rel=&quot;start&quot; href=&quot;&lt;$MTBlogURL$&gt;&quot; title=&quot;Home&quot;
/&gt;<br />
<br />
<font color="#ff0000">/* 前の記事のリンク */</font><br />
&lt;MTEntryPrevious&gt;<br />
&lt;link rel=&quot;prev&quot; href=&quot;&lt;$MTEntryPermalink$&gt;&quot;
title=&quot;&lt;$MTEntryTitle encode_html=&quot;1&quot;$&gt;&quot; /&gt;<br />
&lt;/MTEntryPrevious&gt;<br />
<br />
<font color="#ff0000">/* 次の記事のリンク */</font><br />
&lt;MTEntryNext&gt;<br />
&lt;link rel=&quot;next&quot; href=&quot;&lt;$MTEntryPermalink$&gt;&quot;
title=&quot;&lt;$MTEntryTitle encode_html=&quot;1&quot;$&gt;&quot; /&gt;<br />
&lt;/MTEntryNext&gt;<br />
<br />
<font color="#ff0000">/* エントリーのトラックバック用RDF　*/</font><br />
&lt;$MTEntryTrackbackData$&gt;<br />
<br />
<font color="#ff0000">/* クリエイティブ・コモンズ・ライセンス */</font><br />
&lt;MTBlogIfCCLicense&gt;<br />
&lt;$MTCCLicenseRDF$&gt;<br />
&lt;/MTBlogIfCCLicense&gt;<br />
<br />
<font color="#ff0000">/* コメント・トラックバック欄の表示・非表示、および、TypeKey認証時のコメンター情報や投稿フォームの表示などの制御 */</font><br />
&lt;script type=&quot;text/javascript&quot;<br />
src=&quot;&lt;$MTBlogURL$&gt;mt-site.js&quot;&gt;&lt;/script&gt;<br />
<br />
&lt;/head&gt;</td>
</tr>
</tbody>
</table>
<br />
<br />
以上、MovableType3.3のエントリーアーカイブについて説明しました。<br />
<br />
[関連記事]<br />
<ul>
<li><a href="http://blog.info-rich.jp/archives/2007/03/movabletype33_4.html">MovableType3.3のメインページ解析</a></li>
</ul>
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">すごく長文になりましたが、応援お願いします＾＾<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>MovableType 3.35へのアップグレード方法</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/04/movabletype_335.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=245" title="MovableType 3.35へのアップグレード方法" />
    <id>tag:blog.info-rich.jp,2007://2.245</id>
    
    <published>2007-04-22T09:50:23Z</published>
    <updated>2007-04-22T14:49:48Z</updated>
    
    <summary>4月17日、「Movable Type 3.35日本語版（3.35-ja） 」の提供が開始されたましたので、早速、アップグレードを行いました。 3.35-jaは、1月22日にリリースされた3.34-jaの修正版です。 主な修正点は、3.34以降に発見されたセキュリティ上の不具合への対策と、インストールの簡略化です。 今回は、アップグレード後に、テンプレートの編集作業が必要になりますので、注意してく...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="開設編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[4月17日、「<a href="http://www.sixapart.jp/movabletype/news/2007/04/17-1400.html" target="_blank">Movable Type 3.35日本語版</a>（3.35-ja） 」の提供が開始されたましたので、早速、アップグレードを行いました。<br />
<br />
3.35-jaは、1月22日にリリースされた3.34-jaの修正版です。<br />
主な修正点は、3.34以降に発見されたセキュリティ上の不具合への対策と、インストールの簡略化です。<br />
<br />
今回は、アップグレード後に、テンプレートの編集作業が必要になりますので、注意してください。<br />]]>
        <![CDATA[<br />
<div class="title1">MT3.34-jaからMT3.35-jaへの変更点</div>
<br />
MT3.34-jaからMT3.35-jaへの変更点は、下記の通りです。<br />
<br />
<table width="100%" cellpadding="4" cellspacing="1" bgcolor="#666666">
<tbody>
<tr>
<td class="font13" bgcolor="#c0ddfa"><a href="http://www.sixapart.jp/movabletype/news/2007/04/17-1400.html" target="_blank">Movable Type 3.35日本語版の提供を開始</a>（07年4月17日）</td>
</tr>
<tr>
<td width="30%" class="font13" bgcolor="#ffffff" align="left">
<dl class="tejun0">
<dd class="tejun1">インストール作業の簡略化</dd>
<dt class="tejun2">mt.cgiにアクセスしたときに構成ファイルが用意されていない場合、自動的にmt-wizard.cgiにリダイレクトされるようになりました。 </dt>
<dd class="tejun1">コメント・プレビューでクロスサイトスクリプティングを許す脆弱性</dd>
<dt class="tejun2">コメント・プレビュー画面でスクリプト実行を許す脆弱性がありました。この不具合を修正しました。 </dt>
<dd class="tejun1">convert-dbおよびmt-db2sql.cgiで文字化けする可能性</dd>
<dt class="tejun2">convert-dbおよびmt-db2sql.cgiで別のデータベースに移行すると移行先のデータが文字化けする可能性がありました。この不具合を修正しました。 </dt>
<dd class="tejun1">MTDateタグでutc属性を利用すると夏時間の間に不正な日付が出力される</dd>
<dt class="tejun2">MTDateタグでutc属性を利用すると夏時間の間に不正な日付が出力される不具合がありましたが修正しました。 </dt>
<dd class="tejun1">テンプレートの名前カラムのサイズを拡張</dd>
<dt class="tejun2">テンプレートの名前カラムのサイズを拡張しました。これに伴い、データベーススキーマが更新されました。 </dt>
</dl>
</td>
</tr>
</tbody>
</table>
<br />
<div class="title1">MT3.34-ja と MT3.35-jaとの差分ファイル</div>
<br />
MT3.34-ja と MT3.35-jaとの差分ファイルは、下記の通りです。<br />
<br />
<table width="100%" cellpadding="4" cellspacing="1" bgcolor="#666666">
<tbody>
<tr>
<td class="font13" bgcolor="#c0ddfa">MT3.34-ja と MT3.35-jaとの差分ファイル</td>
</tr>
<tr>
<td width="30%" class="font13" bgcolor="#ffffff" align="left">mt/<br />
├- <b>index.html</b><br />
├- <b>mt-db2sql.cgi</b> <br />
├- <b>mt-wizard.cgi</b><br />
├- default_templates/<br />
│　　└- <b>comment_preview_template.tmpl</b><br />
├- lib/<br />
│　　├- <b>MT.pm</b><br />
│　　└- MT/<br />
│　　　　　├ <b>App.pm</b><br />
│　　　　　├ <b>Bootstrap.pm</b><br />
│　　　　　├ <b>Template.pm</b><br />
│　　　　　├ App/<br />
│　　　　　│　└- <b>Wizard.pm</b><br />
│　　　　　├ L10N/<br />
│　　　　　│　├- <b>de.pm</b><br />
│　　　　　│　├- <b>es.pm</b><br />
│　　　　　│　├- <b>fr.pm</b><br />
│　　　　　│　└- <b>nl.pm</b><br />
│　　　　　└ Template/<br />
│　　　　　　　└-　<b>ContextHandlers.pm</b><br />
├- php/<br />
│　　├<b>mt.php</b><br />
│　　└- lib/<br />
│　　　　　├ <b>MTViewer.php</b><br />
│　　　　　├ <b>function.MTDate.php</b><br />
│　　　　　├ <b>l10n_de.php</b><br />
│　　　　　├ <b>l10n_es.php</b><br />
│　　　　　├ <b>l10n_fr.php</b><br />
│　　　　　└ <b>l10n_nl.php</b><br />
├- tmpl/<br />
│　　└- wizard/<br />
│　　　　　├ <b>complete.tmpl</b><br />
│　　　　　├ <b>configure.tmpl</b><br />
│　　　　　├ <b>mt-config.tmpl</b><br />
│　　　　　├ <b>optional.tmpl</b><br />
│　　　　　├ <b>packages.tmpl</b><br />
│　　　　　└ <b>start.tmpl</b><br />
└- tools/<br />
　　　└- <b>convert-db</b></td>
</tr>
</tbody>
</table>
<br />
<br />
<div class="title1">MT3.34-ja から MT3.35-ja へのアップグレード方法</div>
<br />
MT3.34-ja から MT3.35-ja へのアップグレードは、修正されたファイルが多いため、全てのファイルを上書きする方法が無難ですが、上記の差分ファイルのみを上書きする方法でも可能です。<br />
<br />
<b><font color="#ff0000">[1] バックアップを作成する</font></b><br />
アップグレードする前に、必ずバックアップをとりましょう。<br />
<br />
<b>１. バックアップの作成</b><br />
・サーバー上の 『 mt 』 フォルダ（mt-config.cgiファイルのCGIPathで指定しているフォルダ）をすべてダウンロードします。<br />
<br />
<b><font color="#ff0000">[2] Movable Type 3.35（日本語版）を入手する</font></b><br />
最新版の『 MT-3_35-ja.zip 』ファイルを入手します。<br />
<br />
<b>1. ライセンスを選択する</b><br />
・ <a href="http://www.sixapart.jp/movabletype/news/2007/01/22-2000.html" target="_blank">Movable Type 3.35日本語版の提供を開始</a>のページで用途にあったライセンス（有償ライセンス or 個人無償ライセンス）をクリックします。<br />
<br />
<b>2. ダウンロード画面を開く</b><br />
・ ECバイヤーズのサイトで、ダウンロードのページが開きます。<br />
・ 規約をよく読み、同意したら、次へ進みます。<br />
・ 「お名前」「メールアドレス」を入力し、次へ進みます。<br />
・ 確認画面で、入力に間違いがなければ、「申込」をクリックします。<br />
<br />
<b>3. MT-3_35-jaをダウンロードする</b><br />
・登録したメールアドレスに準備完了のお知らせメールが届きます。<br />
・メールに記載されたダウンロード認証画面URLをクリックします。<br />
・メールに記載された「ダウンロード認証キー」を入力し、「次へ」をクリックします。<br />
・「ダウンロード」をクリックすると、ダウンロードが開始されます。<br />
<br />
<b>4. ダウンロードしたファイルを解凍する</b><br />
・ダウンロードしたファイル「MT-3_35-jp.zip」を「<a href="http://www.forest.impress.co.jp/lib/arc/extract/extracter/lhasa.html" target="_blank">Lhasa</a>」などで解凍します。<br />
<br />
<b><font color="#ff0000">[3] サーバーへのアップロード</font></b><br />
<br />
<b>1. 解凍したMT-3.35-jaのデータをサーバーにアップロードする</b><br />
解凍したファイルをすべて、サーバー上の 『 cgi 』 フォルダ内の 『 mt 』
フォルダの中(環境設定ファイルのCGIPathで指定している場所) に、アップロードします。（上書きでもOKです）<br />
<br />
アップロードが失敗する場合は、フォルダごとにアップロードするなど、何回かに分けてアップロードするとうまくいきます。<br />
<br />
<b>2. 環境設定ファイル「mt-config.cgi」をサーバーにアップロードする</b><br />
<br />
環境設定ファイル「mt-config.cgi」を編集し、アップロードします。<br />
MT3.34で使用していた環境ファイルでも、そのまま使用できます。<br />
<br />
※また、プラグインなどを追加している場合は、それらもアップロードします。<br />
<br />
<b>3. cgiファイルのパーミション（属性）を変更する</b><br />
アップロード完了後、『 cgi 』 フォルダ内の 『 mt 』 フォルダの中にあるすべてのcgiファイルのパーミション（属性）を「755」、あるいは、「700」にします。<br />
<br />
<b><font color="#ff0000">[4] アップグレードの実行</font></b><br />
アップグレードプログラムを実行して、アップグレードを行います。<br />
<br />
<b>1. アップグレードプログラムを実行する</b><br />
ブラウザからインストール先の<strong>mt.cgi</strong> へアクセスします。<br />
URLは、「mt-config.cgiファイル内の<strong>CGIPath</strong>で指定したURL」+「mt.cgi」です。<br />
<br />
アップグレードプログラムが正常に終了すると、「管理画面」の下の方に「Version
3.35」と表示されます。<br />
<br />
<b>2. 「コメント・プレビュー」テンプレートを修正する</b><br />
<br />
「コメント・プレビュー」テンプレートの<br />
input 要素の &lt;$MTCommentPreview●●●$&gt;タグに<br />
<br />
<div class="source1">&lt;input id=&quot;comment-author&quot; name=&quot;author&quot; size=&quot;30&quot;
value=&quot;&lt;$MTCommentPreviewAuthor$&gt;&quot; /&gt;<br />
&lt;input id=&quot;comment-email&quot; name=&quot;email&quot; size=&quot;30&quot;
value=&quot;&lt;$MTCommentPreviewEmail$&gt;&quot; /&gt;<br />
&lt;input id=&quot;comment-url&quot; name=&quot;url&quot; size=&quot;30&quot;
value=&quot;&lt;$MTCommentPreviewURL$&gt;&quot; /&gt;</div>
<br />
「encode_html=&quot;1&quot;」を追加します。<br />
<div class="source1">&lt;input id=&quot;comment-author&quot; name=&quot;author&quot; size=&quot;30&quot;
value=&quot;&lt;$MTCommentPreviewAuthor <font color="#ff0000">encode_html=&quot;1&quot;</font>$&gt;&quot; /&gt;<br />
&lt;input id=&quot;comment-email&quot; name=&quot;email&quot; size=&quot;30&quot; value=&quot;&lt;$MTCommentPreviewEmail <font color="#ff0000">encode_html=&quot;1&quot;</font>$&gt;&quot; /&gt;<br />
&lt;input id=&quot;comment-url&quot; name=&quot;url&quot; size=&quot;30&quot;
value=&quot;&lt;$MTCommentPreviewURL <font color="#ff0000">encode_html=&quot;1&quot;</font>$&gt;&quot; /&gt;</div>
<br />
<br />
<b>3. ブログを再構築する</b><br />
アップグレードをブログに反映させるため、すべてを再構築します。<br />
正常に終了すると、再構築したサイトに「Movable Type 3.35」と表示されます。<br />
<br />
<b>4. 不要なcgiファイルをサーバーから削除する</b><br />
アップグレードが正常でしたら、下記のcgiファイルをサーバーから削除しておきます。<br />
<br />
<div class="source1">mt-check.cgi <br />
mt-upgrade.cgi 
<br />mt-wizard.cgi </div>
<br />
<br />
以上で、Movable Type 3.35へのアップグレードは完了です。<br />
お疲れ様でした。<br />
<br />
［関連記事］<br />
・<a href="http://blog.info-rich.jp/archives/2006/07/movable_type_33.html">MovableType 3.3 のインストール方法</a>（新規）<br />
・<a href="http://blog.info-rich.jp/archives/2006/07/movabletype331.html">MovableType 3.3 へのアップグレード方法</a>（MT3.2x→MT3.3x）<br />
・<a href="http://blog.info-rich.jp/archives/2006/08/movabletype_332.html">MovableType 3.32 へのアップグレード方法</a>（MT3.31→MT3.32）<br />
・<a href="http://blog.info-rich.jp/archives/2006/09/movabletype_333.html">MovableType 3.33 へのアップグレード方法</a>（MT3.32→MT3.33）<br />
・<a href="http://blog.info-rich.jp/archives/2007/01/movabletype_334.html">MovableType 3.34 へのアップグレード方法</a>（MT3.33→MT3.34）<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">ブログランキングの応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>ウェブサイトのサムネイル作成</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/04/post_101.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=244" title="ウェブサイトのサムネイル作成" />
    <id>tag:blog.info-rich.jp,2007://2.244</id>
    
    <published>2007-04-16T13:08:18Z</published>
    <updated>2007-04-16T13:43:48Z</updated>
    
    <summary>サイトやブログを紹介する際に、そのサイトのサムネイル画像を表示させると、非常に分かりやすくなります。しかし、サイトのトップページをキャプチャしたり、サムネイル化したりする作業って、何気に面倒くさいかもしれません＾＾ そこで、今回は、ウェブサイトのサムネイルを簡単に作成する方法を紹介します。 ■ カスタマイズ例 ...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="デザイン編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[サイトやブログを紹介する際に、そのサイトのサムネイル画像を表示させると、非常に分かりやすくなります。しかし、サイトのトップページをキャプチャしたり、サムネイル化したりする作業って、何気に面倒くさいかもしれません＾＾<br />
そこで、今回は、ウェブサイトのサムネイルを簡単に作成する方法を紹介します。<br />
<br />
<font color="#0000ff">■ カスタマイズ例</font><br />
<br />
<a href="http://www.yahoo.co.jp/"><img src="http://img.simpleapi.net/small/http://www.yahoo.co.jp/" alt="yahoo" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a><br clear="all" />]]>
        <![CDATA[<br />
<div class="title1">ウェブサイトのサムネイル化（SimpleAPI）</div>
<br />
まずは、<a href="http://www.simpleapi.net/" target="_blank">SimpleAPI</a>さんで公開されている<a href="http://img.simpleapi.net/" target="_blank">ウェブサイト・サムネイル化ツール</a>（ウェブサイトサムネイル作成API β版）を使用して作成する方法を紹介します。<br />
<br />
サムネイルを作成したいサイトのURLを指定すると、サムネイル画像とコードが自動生成されますので、そのコードをコピーして貼り付けるだけです。非常に簡単ですね。<br />
<br />
<b><font color="#ff0000">1. サムネイル化したいサイトのURLを入力する</font></b><br />
SimpleAPIさんの<a href="http://img.simpleapi.net/" target="_blank">ウェブサイト・サムネイル化ツール</a>のページで、サムネイル化したいサイトのURLを入力します。<br clear="all" />
<br />
<b><font color="#ff0000">2. HTMLタグを貼り付ける</font></b><br />
「サムネイルを生成」ボタンをクリックすると、htmlタグが生成されますので、altやalignなどを適宜編集して、ブログに貼り付ければ完成です。<br />
<br />
＜HTML の記述例＞<br />
<div class="source1">&lt;a href=&quot;http://blog.info-rich.jp/&quot;&gt;&lt;img src=&quot;http://img.simpleapi.net/small/http://blog.info-rich.jp/&quot;
alt=&quot;ブログ別作成カスタマイズ講座&quot; width=&quot;128&quot; height=&quot;128&quot;
hspace=&quot;4&quot; vspace=&quot;4&quot; align=&quot;left&quot; border=&quot;0&quot;
/&gt;&lt;/a&gt;</div>
<br />
※サムネイル画像が、すぐに生成されない場合、実際にウェブサイトに貼ってから２時間ほどで表示されるようになります。<br />
<br />
<br />
<div class="title1">ウェブサイトのサムネイル化（IgWebCap）（WebToJpeg）</div>
<br />
また、<a href="http://xrowcc.blog.shinobi.jp/" target="_blank">乾坤一擲</a> さんで公開されている <a href="http://x-row.cc/igwebcap/" target="_blank">IgWebCap</a>（自動更新サムネイル生成サービス）や<a href="http://x-row.cc/webtojpeg/" target="_blank">WebToJpeg</a>（リアルタイムウェブページサムネイラ）を使用すると、幅や高さ、影、待機時間、透明度などの指定もすることができます。<br />
<br />
さらに、htmlコードは、iframe型やscript型、img型の3種類が生成されますので、それぞれのメリット・デメリットを考慮して、利用してくださいね。<br />
<br />
<br />
<iframe src="http://x-row.cc/igwebcap/api.php?wait=0&amp;width=120&amp;height=120&amp;bgcolor=transparent&amp;shadow=000000&amp;alpha=0&amp;url=http://xrowcc.blog.shinobi.jp/" allowtransparency="true" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" style="width:126px;height:126px;"></iframe><br />
<br />
<br />以上、ウェブサイトのサムネイル画像の作成方法を説明しました。<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">参考になりましたら、応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>リンク画像の枠線を消す方法</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/04/post_100.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=243" title="リンク画像の枠線を消す方法" />
    <id>tag:blog.info-rich.jp,2007://2.243</id>
    
    <published>2007-04-08T15:14:53Z</published>
    <updated>2007-07-18T16:03:04Z</updated>
    
    <summary>今回は、掲示板でのご質問の中から、よくある質問を取り上げて説明します。 【質問内容】 画像にリンクを貼ると、画像の周りに外枠が表示されます。それを表示しないようにするにはどうしたらよいでしょうか？ ■ カスタマイズ前 ■ カスタマイズ後 ...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="回答編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[今回は、<a href="http://blog.info-rich.jp/patio/patio.cgi">掲示板</a>でのご質問の中から、よくある質問を取り上げて説明します。<br />
<br />
<div class="source1">【質問内容】<br />
画像にリンクを貼ると、画像の周りに外枠が表示されます。それを表示しないようにするにはどうしたらよいでしょうか？</div>
<br />
<font color="#ff0000"><b>■ カスタマイズ前</b></font><br />
<br />
<a href="http://blog.info-rich.jp/"><img src="http://blog.info-rich.jp/img/title_logo.gif" width="261" height="63" alt="リンク画像の枠線" class="blue_border" /></a><br />
<br />
<font color="#ff0000"><b>■ カスタマイズ後</b></font><br />
<br />
<a href="http://blog.info-rich.jp/"><img src="http://blog.info-rich.jp/img/title_logo.gif" width="261" height="63" border="0" alt="リンク画像の枠線" /></a><br />
<br />]]>
        <![CDATA[<br />
<div class="title1">リンク画像の枠線を消す方法</div>
<br />
写真やバナーなどの画像にリンクを設定すると、外枠が表示される場合がありますが、この枠線を消すにはどうすればよいのでしょうか？<br />
いくつか方法がありますので、それぞれ説明します。<br />
<br />
<b>[対策1] CSSのみで設定</b><br />
<br />
スタイルシートで、リンク画像の枠線を非表示に設定します。この方法の場合、すべてのリンク画像に適用されます。<br />
<br />
<dl class="tejun0">
<dd class="tejun1">■ CSSの編集</dd>
<dt class="tejun2">スタイルシートで、a要素のimg要素に、枠線の非表示を設定します。</dt>
</dl>
<div class="source1">a img {<br />
　　border-style: none;<br />
}</div>
<br />
または、<br />
<br />
<div class="source1">a img {<br />
　　border-width: 0;<br />
}</div>
<br />
<br />
<b>[対策２] 任意のクラスで指定</b><br />
<br />
画像によって、枠線を表示・非表示にしたい場合は、任意のクラスで、枠線の表示・非表示を設定します。この方法の場合、htmlでそのクラスを指定した画像に適用されます。<br />
<br />
<dl class="tejun0">
<dd class="tejun1">■ CSSの編集</dd>
<dt class="tejun2">スタイルシートで、任意のクラス名を作成し、枠線の非表示を設定します。</dt>
</dl>
<div class="source1">.none_border {<br />
　　border-style: none;<br />
}</div>
<br />
<dl class="tejun0">
<dd class="tejun1">■ HTMLの編集</dd>
<dt class="tejun2">htmlのimg要素に、class属性を追加します。</dt>
</dl>
<div class="source1">&lt;img src=&quot;xxx.gif&quot; alt=&quot;サンプル&quot; <font color="#ff0000">class=&quot;none_border&quot;</font> /&gt;</div>
<br />
<br />
<b>[対策3] HTMLのみで指定（style属性）</b><br />
<br />
htmlのimg要素に、style要素を追加し、枠線の非表示を設定します。<br />
<br />
<dl class="tejun0">
<dd class="tejun1">■ HTMLの編集</dd>
<dt class="tejun2">htmlのimg要素に、style属性を追加します。</dt>
</dl>
<div class="source1">&lt;img src=&quot;xxx.gif&quot; alt=&quot;サンプル&quot; <font color="#ff0000">style=&quot;border-style:none;&quot;</font> /&gt;</div>
<br />
<br />
<b>[対策4] HTMLのみで指定（border属性）</b><br />
<br />
htmlのimg要素に、border属性を追加し、枠線の非表示を設定します。<br />
但し、HTML4.0からは　border属性は、非推奨の記述となっています。<br />
<br />
<dl class="tejun0">
<dd class="tejun1">■ HTMLの編集</dd>
<dt class="tejun2">htmlのimg要素に、border属性を追加します。</dt>
</dl>
<div class="source1">&lt;img src=&quot;xxx.gif&quot; alt=&quot;サンプル&quot; <font color="#ff0000">border=&quot;0&quot;</font> /&gt;</div>
<br />
<br />
以上、リンク画像の枠線を消す方法を説明しました。<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">1クリックの応援で、質問に丁寧にお答えします＾＾</a><img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" />]]>
    </content>
</entry>

<entry>
    <title>CSSで画像に枠や影をつける</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/04/css_4.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=242" title="CSSで画像に枠や影をつける" />
    <id>tag:blog.info-rich.jp,2007://2.242</id>
    
    <published>2007-04-01T13:26:42Z</published>
    <updated>2007-04-01T16:21:32Z</updated>
    
    <summary>今回は、CSSで「画像に枠や影（ドロップシャドウ）を付ける方法」を説明します。 デジカメや携帯カメラで撮った写真を、そのまま貼り付けただけでは、デザイン的に何となく寂しく感じることはありませんか？　そのような場合には、是非、お試しください。 ■ カスタマイズ例 ...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="デザイン編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[今回は、CSSで「画像に枠や影（ドロップシャドウ）を付ける方法」を説明します。<br />
デジカメや携帯カメラで撮った写真を、そのまま貼り付けただけでは、デザイン的に何となく寂しく感じることはありませんか？　そのような場合には、是非、お試しください。<br />
<br />
<font color="#0000ff">■ カスタマイズ例</font><br />
<br />
<span class="shadow"><img src="http://blog.info-rich.jp/img/cap/070401-01.jpg" alt="ドロップシャドウ" /></span>
<br /><br clear="all" />]]>
        <![CDATA[<br />
<div class="title1">画像に影をつけるには</div>
<br />
CSSで画像に影（ドロップシャドウ）を付けるには、<br />
<span class="img_r"><img src="http://blog.info-rich.jp/img/cap/070401-02.jpg" width="200" height="273" alt="ドロップシャドウの仕組み" /></span><br />1.画像と影画像を用意します。<br /><br />2.画像の後ろに、影画像を背景画像として重ねます。<br /><br />3.そして、前の画像を左上の方向にずらすことで、ドロップシャドウの効果を実現することができます
<br /><br clear="all" />
<br />
<div class="title1">画像に枠や影をつける</div>
<br />
では、具体的に、画像に影（ドロップシャドウ）を付けるカスタマイズ方法を説明します。<br />
<br />
<b><font color="#ff0000">1. 影の画像を作成する</font></b><br />
まず、<a href="http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.co.jp%2Fs%3F%5F%5Fmk%5Fja%5FJP%3D%2583J%2583%255E%2583J%2583i%26keywords%3Dphotoshop%26page%3D1%26rh%3Dn%253A637630%252Ck%253Aphotoshop%26sort%3Dsalesrank%26x%3D18%26y%3D13&amp;tag=netsyunyukiro-22&amp;linkCode=ur2&amp;camp=247&amp;creative=1211">photoshop</a><img src="http://www.assoc-amazon.jp/e/ir?t=netsyunyukiro-22&amp;l=ur2&amp;o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />などの画像処理ソフトを使って影画像を作成します。<br />
<br />
Photoshopの場合でしたら、長方形ツールで、長方形を作成し、レイヤー効果の「ドロップシャドウ」を利用すると、思い通りの影画像が簡単に作成できます。<br />
<br />
<font color="#0000ff">■ サンプル素材</font><br />
下記のリンクを右クリックして[対象をファイルに保存]を選択するとサンプル画像がダウンロードできます。<br />
<div class="source1">
<ul>
<li><a href="http://blog.info-rich.jp/img/sozai/shadow_img.gif">影画像</a>（画像背景用）</li>
</ul>
（横：400px 　縦：400px　[影（下）：5px、影（右）：5px]）</div>
<br />
影画像を用意しましたら、サーバーにアップロードします。<br />
<br />
<br />
<b><font color="#ff0000">2. HTMLテンプレートの編集</font></b><br />
img要素を、影用のspan要素「<font color="#ff0000">&lt;span&#160;class=&quot;shadow&quot;&gt;&lt;/span&gt;</font>」で括ります。<br />
span要素は、divでもpでも問題ありません。（テンプレートの記述に適合する要素をお使いください）<br />
<br />
＜HTML の記述例＞<br />
<div class="source1"><font color="#ff0000">&lt;span&#160;class=&quot;shadow&quot;&gt;</font>&lt;img src=&quot;画像URL&quot; alt=&quot;代替テキスト&quot; /&gt;<font color="#ff0000">&lt;/span&gt;</font>&lt;br clear=&quot;all&quot; /&gt;</div>
<br />
なお、画像の横にテキストが回り込んで表示されるのを解除するには、<br />「<font color="#ff0000">br clear=&quot;all&quot; /</font>」を追加します。<br />
<br />
<br />
<b><font color="#ff0000">3. CSSの編集</font></b><br />
スタイルシートで、画像の位置や枠の色等を調整します。<br />
<br />
＜CSS の記述例＞<br />
<div class="source1">.shadow {<br />
margin: 0 0 0 5px;<br />
background: url(影画像URL) right bottom;<br />
float: left;<br />
}<br />
<br />
.shadow img {<br />
position: relative;<br />
left: -5px;<br />
top: -5px;<br />
padding: 5px;<br />
background: #ffffff;<br />
border: 1px solid #999999;<br />
}</div>
<br />
以上で、枠と影（ドロップシャドウ）がついた画像が完成です。<br />
<br />
<br />
<div class="title1">画像に影をつける</div>
<br />
白い縁（ふち）や外枠を消して、影のみにするには、スタイルシートの「.shadow
img」の「padding」「background」「border」等を削除するだけでOKです。<br />
<br />
<font color="#0000ff">■ カスタマイズ例</font><br />
<br />
<span class="shadow2"><img src="http://blog.info-rich.jp/img/cap/070401-01.jpg" alt="ドロップシャドウ" /></span>
<br /><br clear="all" />
<br />
＜CSS の記述例＞<br />
<div class="source1">.shadow img {<br />
position: relative;<br />
left: -5px;<br />
top: -5px;<br />
}</div>
<br />
以上で、影（ドロップシャドウ）がついた画像が完成です。<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">参考になりましたら、応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>レイアウトの外枠に影をつける</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/03/post_99.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=241" title="レイアウトの外枠に影をつける" />
    <id>tag:blog.info-rich.jp,2007://2.241</id>
    
    <published>2007-03-25T11:56:34Z</published>
    <updated>2007-03-27T14:51:47Z</updated>
    
    <summary>今回は、「当ブログのように、レイアウトの外枠（両端）に影をつけたい」というご質問が、掲示板に寄せられましたので、説明します。 ■ カスタマイズ例 ...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="デザイン編" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[今回は、「当ブログのように、レイアウトの外枠（両端）に影をつけたい」というご質問が、<a href="http://blog.info-rich.jp/patio/patio.cgi">掲示板</a>に寄せられましたので、説明します。<br />
<br />
<font color="#0000ff">■ カスタマイズ例</font><br />
<br />
<img src="http://blog.info-rich.jp/img/cap/070323-01.jpg" width="233" height="192" border="0" alt="カスタマイズ例" /><br />
<br />]]>
        <![CDATA[<br />
<div class="title1">レイアウト枠に影をつけるには</div>
<br />
まず、どのようにして、ブログの外枠に影（ドロップシャドウ）をつけているのか説明します。とはいっても、下のような影画像を作成して、単に背景画像にしているだけです＾＾<br />
<br />
<table border="0" cellspacing="0" width="300">
<tbody>
<tr>
<td style="border-top-width : 2px;border-right-width : 2px;border-bottom-width : 2px;border-left-width : 2px;border-style : solid solid solid solid;border-top-color : blue;border-right-color : blue;border-bottom-color : blue;border-left-color : blue;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;" bgcolor="#e7e7e7"><img src="http://blog.info-rich.jp/img/cap/070323-03.gif" width="289" height="5" border="0" alt="影画像" /></td>
</tr>
</tbody>
</table>
<br />
ブログ全体のレイアウト枠の横幅800px に、左右の影部分の15pxずつを追加した、横幅830pxの画像を、背景画像として、縦方向に繰り返し表示しています。<br />
<br />
当ブログでは、ブログ全体のレイアウト枠（div id=&quot;container&quot;）を囲むように、影背景用のdiv要素（<font color="#ff0000">div id=&quot;outer&quot;</font>）を追加して、そこにスタイルシートで影画像を指定しています。<br />
<br />
<img src="http://blog.info-rich.jp/img/cap/070323-02.jpg" width="273" height="247" border="0" alt="構造図" /><br />
<br />
<br />
<div class="title1">レイアウト枠に影をつける（固定レイアウト）</div>
<br />
では、具体的に、ブログの外枠に影（ドロップシャドウ）を付けるカスタマイズ方法を説明します。<br />
<br />
<b><font color="#ff0000">1. 影の画像を作成する</font></b><br />
まず、<a href="http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&location=http%3A%2F%2Fwww.amazon.co.jp%2Fs%3F%5F%5Fmk%5Fja%5FJP%3D%2583J%2583%255E%2583J%2583i%26keywords%3Dphotoshop%26page%3D1%26rh%3Dn%253A637630%252Ck%253Aphotoshop%26sort%3Dsalesrank%26x%3D18%26y%3D13&tag=netsyunyukiro-22&linkCode=ur2&camp=247&creative=1211">photoshop</a><img src="http://www.assoc-amazon.jp/e/ir?t=netsyunyukiro-22&amp;l=ur2&amp;o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />などの画像処理ソフトを使って影画像を作成します。<br />
<br />
Photoshopの場合でしたら、長方形ツールで、長方形（横：ブログ全体の横幅、縦：1px）を作成し、レイヤー効果の「光彩（外側）」でグラデーションやサイズを調整すると、思い通りの影画像が簡単に作成できます。<br />
<br />
<font color="#0000ff">■ サンプル素材</font><br />
下記のリンクを右クリックして[対象をファイルに保存]を選択するとサンプル画像がダウンロードできます。<br />
<ul>
<li><a href="http://blog.info-rich.jp/img/sozai/bg.gif">影画像</a></li>
</ul>
横：830px [ブログ全体幅：800px、影（左）：15px、影（右）：15px]<br />
縦：1px<br />
<br />
<b><font color="#ff0000">2. HTMLテンプレートの編集</font></b><br />
影画像を配置するdiv要素「<font color="#ff0000">&lt;div&#160;id=&quot;outer&quot;&gt; &lt;/div&gt;</font>」を追加します。<br />
<br />
例えば、当ブログのような固定幅レイアウトの場合でしたら、<br />
ブログ全体のレイアウト枠「<font color="#cc00cc">&lt;div&#160;id=&quot;container&quot;&gt; &lt;/div&gt;</font>」を囲むように追加します。<br />
<br />
<img src="http://blog.info-rich.jp/img/cap/070323-02.jpg" width="273" height="247" border="0" alt="構造図" /><br />
<br />
＜HTML の記述例＞<br />
<div class="source1"><font color="#ff0000">&lt;div&#160;id=&quot;outer&quot;&gt;</font><br />
　&lt;div&#160;id=&quot;container&quot;&gt;<br />
　　（中略）<br />
　&lt;/div&gt;<br />
<font color="#ff0000">&lt;/div&gt;</font></div>
<br />
<br />
<b><font color="#ff0000">3. CSSの編集</font></b><br />
あとは、スタイルシートで、影画像の位置を調整すれば完成です。<br />
<br />
＜CSS の記述例＞<br />
<div class="source1">#outer {<br />
margin: 0 auto;<br />
width: 830px;<br />
background: url(画像URL) repeat-y center top;<br />
}</div>
<br />
<br />
<a href="http://blog.with2.net/link.php?86579" target="_blank">参考になりましたら、応援お願いします。<img src="http://blog.info-rich.jp/img/blogranking.gif" width="80" height="15" border="0" alt="人気ブログランキング" /></a>]]>
    </content>
</entry>

<entry>
    <title>インストール型ブログツール一覧</title>
    <link rel="alternate" type="text/html" href="http://blog.info-rich.jp/archives/2007/03/post_98.html" />
    <link rel="service.edit" type="application/atom+xml" href="http://info-rich.jp/cgi/mt/mt-atom.cgi/weblog/blog_id=2/entry_id=240" title="インストール型ブログツール一覧" />
    <id>tag:blog.info-rich.jp,2007://2.240</id>
    
    <published>2007-03-18T16:28:22Z</published>
    <updated>2007-03-18T16:37:23Z</updated>
    
    <summary>　今回は、インストール型ブログツールをまとめています。 当ブログも「Movable Type」というインストール型ブログツールで作成していますが、他にもいろいろなツールがあります。是非、導入の際には参考にしてください。...</summary>
    <author>
        <name>りっち</name>
        
    </author>
    
        <category term="お役立ちリンク" />
    
    <content type="html" xml:lang="ja" xml:base="http://blog.info-rich.jp/">
        <![CDATA[　今回は、インストール型ブログツールをまとめています。<br />
当ブログも「Movable Type」というインストール型ブログツールで作成していますが、他にもいろいろなツールがあります。是非、導入の際には参考にしてください。<br />]]>
        <![CDATA[<br />
<div class="title1">サーバーインストール型ブログツールとは</div>
<br />
　プロバイダやポータルサイトなどが提供する<a href="http://blog.info-rich.jp/archives/2005/05/post_9.html">無料ブログ</a>では、自分が望む機能やデザインのカスタマイズ、アフィリエイトなどに制限がある場合があります。そこで、オススメするのが、「インストール型ブログツール」です。<br />
<br />
　インストール型ブログツールとは、サーバーに自分専用のブログ環境を構築するツールです。デザインも自分の望み通りにカスタマイズすることができ、モジュールやプラグインをインストールすると、さらに機能を追加することもできます。また、Perlやphpなどの言語に自信があれば、モジュールやプラグインなどを自作することも可能です。<br />
<br />
　インストール型ブログツールを利用するには、そのツールの動作環境に対応するレンタルサーバーを借りて、ブログツールをインストールして各種設定すれば、利用することができます。<br />
<br />
<div class="title1">サーバーインストール型ブログツール一覧（50音順）</div>
<br />
各インストール型ブログツールの主な特徴などをまとめていますので、参考にしてください。<br />
<br />
<table width="100%" bgcolor="#000000" border="0" cellspacing="1" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#9dcaf7" width="28%" class="font13">ツール名</td>
<td class="font13" bgcolor="#9dcaf7" width="72%">主な特徴</td>
</tr>
<tr>
<td bgcolor="#ffffff" class="font13"><a href="http://www.a-blog.jp/" target="_blank">a-blog</a><br />
（エー・ブログ）</td>
<td bgcolor="#ffffff" class="font13">モブログ機能やショッピングカート機能などが標準搭載。<br />
<br />
【言語】PHP　【DB】MySQL　【ライセンス】（非商用）無料、（商用）有料</td>
</tr>
<tr>
<td bgcolor="#ffffff" class="font13"><a href="http://adiary.org/" target="_blank">aDiary</a><br />
（エー・ダイアリー）</td>
<td bgcolor="#ffffff" class="font13">マルチユーザー・マルチブログに対応。<br />
<br />
【言語】Perl　【DB】不要　【ライセンス】無料</td>
</tr>
<tr>
<td bgcolor="#ffffff" class="font13"><a href="http://www.blogn.org/" target="_blank">Blogn</a> <img src="http://blog.info-rich.jp/img/osusume.gif" width="31" height="11" border="0" alt="おすすめ" /><br />
（ぶろぐん）</td>
<td bgcolor="#ffffff" class="font13">PHP言語で