アメーバブログ用の無料テンプレート６

アメーバブログ用の無料テンプレートです。

ヘッダーは渓流です。

右側中央には「自然は子孫からの借り物」と書かれています。

これはインディアンの言葉だそうです。

「自然は先祖から譲り受けたものではなく、子孫から借りているもの。借りているものは、汚したり壊したりしてはいけない。元通りの自然のまま、子孫に返さなければならない。」という意味だそうです。

ダウンロードしたテンプレート６のファイル

この無料テンプレートは、再配布以外の目的でしたらご自由にご利用頂けます。著作権表記やリンクの必要はありません。（著作権は Cafi Net に帰属します）お役立て頂けたら大変嬉しく思います。

テンプレートの設置方法

テンプレートの設置方法は、テンプレート１の設置方法と同じです。

アメブロのヘッダーをアニメーションにする方法

アメブロのヘッダーには、アニメーション GIF を使用できます。

アメブロでは、CSS の編集からアップロードするなら１MB 以内、デザインのカスタマイズからアップロードするなら２MB 以内というファイルサイズの制限があります。（アメブロの仕様が変わるケースもございますので、管理画面の記載を確認して下さい）

つまり、２MB 以内のアニメーション GIF をヘッダーとして使用することができます。

アメブロに設置するアニメーション GIF

上のアニメーション GIF は、 Adobe Photoshop CS5（アドビフォトショップ CS5）でテンプレート６のテキストをアニメーションにした例です。

アニメーションの場合 GIF で保存する必要がありますが、上の画像の画像形式は JPEG の方が適しているので GIF 形式にすることで画質が悪くなってしまいます。

アニメーションは、アニメーションパネルを使用して編集します。

今回はテキストレイヤーの、位置／不透明度／スタイルを編集しました。

アニメーションパネルの各アイコンをオンにしたら、「時間インジケーターを移動」して「テキストを編集」という操作を繰り返します。

アニメーションの詳しい編集方法は、アニメーション GIF の作成と書き出し Photoshop CS5 の使い方にてご確認ください。

デュレーション（アニメーションの時間）とフレームレート（１秒間に表示されるフレーム数）は、アニメーションパネルのパネルメニュー／ドキュメント設定／ドキュメントタイムライン設定ダイアログボックスから設定します。

アニメーション GIF の書き出しは、ファイル／Web およびデバイス用に保存から行います。

アメブロへアニメーション GIF をアップロード

ファイルサイズが１MB 以上２MB 以内の場合は、ブログを書く／デザイン／デザインのカスタマイズからヘッダー画像をアップロードします。

画像の追加／アニメーション GIF を選択／画面下にスクロールして「保存」を選択すると、現在使用中のブログデザインCSS にヘッダー画像の URL が入力されます。

ブログを表示すると、アニメーション GIF が設置されたことを確認できます。