GIFアニメに挑戦してみよう。 | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

ご訪問ありがとうございます。
人気ブログランキングの応援
をして頂けると励みになります。



今日は、GIFアニメに挑戦してみましょう。



見栄えを良くするために、

①アメブロのヘッダーにフラッシュを使う方法
②ヘッダーをスライドショーにさせる方法
③ヘッダーをGIFアニメにする方法
等があります。



この中で、ヘッダー画像を開くのが比較的軽いのは、
③の「ヘッダーをGIFアニメにする方法」です。



それでは、実践してみましょう。



まず、次のサイトを開いてくださいね。
↓↓↓
写真画像加工編集サイト・フリーソフト【無料バナー作成工房】

上記のサイトの「GIFアニメ(動画)」をクリックします。



下記の画面が表示されたら、
使用したい画像をクリックして、[送信する]ボタンをクリックします。

GIFアニメ(動画)



次に、[画像ダウンロード]ボタンをクリックして、
例えば、image.gifと名前を付けて保存します。



これをアメブロにアップロードして、
CSS編集画面に次のように追加します。

/* ■ヘッダー画像■ */
#header {
background :url(image.gifのURLをここに入力します。) no-repeat; /* ヘッダー画像 */
}



そうすると、ヘッダー画像は、次のように表示されます。
↓↓↓
GIFアニメ(動画)の作成例



今日の「GIFアニメ(動画)」を利用して、
私のアメブロヘッダー画像をスライドショー風にしてみました。



今日は、以上です。



最後まで読んでいただき、
ありがとうございました。

少しでもお役に立ちましたら、
応援お願いします!!

人気ブログランキングへ