« ヤプログでのオリジナルスキン設定方法。 | JUGEMブログに、CSSEZで作成したテンプレートを設定するには。 »

Seesaaブログでオリジナルテンプレートを使用する方法

無料で使える簡単ブログデザインツール「CSSEZ」は、Seesaaブログにも対応しています。このエントリーでは、CSSEZで作成したブログデザインをSeesaaブログに設定する方法を説明します。

1. CSSEZでデザインを作成した後のダウンロード画面で、「テンプレートの形式」を「Seesaaブログ」に設定してダウンロードしてください。
ImageShack

2. ダウンロードしたファイルを解凍すると、中にpublic_htmlというフォルダがあって、その中にstyle.cssとindex.htmlの二つのファイルが入っています。この二つのファイルをメモ帳などに開いておいてください。
ImageShack

3. Seesaaブログの管理画面へログインします。ログイン後、真ん中あたりにある、「デザイン」という項目にマウスオーバーして、そこに出てきたメニューから「HTML」をクリックしてください。
ImageShack

4. 右端にある「HTMLの追加」というリンクをクリックしてください。HTMLが表示されたら、ここに先ほどダウンロードしたファイルのindex.htmlの内容を全てテキスト欄に貼り付けてください。そして、適当に名前を付けて、保存をクリックしてください。
ImageShack

保存したら、現在のHTML一覧のページに移動しますので、先ほど追加したHTMLの右側の「適用」をクリックしてください。

5. 次に上部のナビゲーションから「デザイン一覧」をクリックしてください。
ImageShack

6. そして、一番したの現在使用しているデザインの一覧から適当なタイトルをクリックしてください。そうするとスタイルシートの編集画面へと移動します。
ImageShack

そこで、CSSEZからダウンロードしたデザインのstyle.cssをテキスト欄に貼り付けて「スタイルシートを保存」をクリックしてください。

最後に再構築を行ってデザインの設定は完了です。ご自身のブログにデザインがうまく適用されているかどうか確認してみましょう。

もしまだ、デザインを作成していないならば、CSSの知識不要で簡単にブログデザインを作成できるCSSEZデザイン作成ページからデザインを作成してみてはいかがでしょうか。

One Response to “Seesaaブログでオリジナルテンプレートを使用する方法”

  1. takateru2 Says:

    デザインを作成してSEESAAブログに適用しようとダウンロードしたのですが、HTMLドキュメントを開くと文字化け?が起こっていて「index.htmlの内容を全てテキスト欄に貼り付けてください」という趣旨がよくわからず、作ったデザインを適用できません。どうしたらいいのでしょうか?

Leave a Reply