【Blogger】記事中にGIFアニメーションを追加する方法

GIFアニメーションとは、静止画をループさせることで動画のように表示できるものです。

Bloggerの記事中にGIFは追加できるのか？と思い試してみたところ、追加することができました。

この記事では、BloggerにGIFアニメーションを追加する方法を説明します。

画像とは違った良さを持つGIFを記事に追加して、さらにブログを楽しみましょう。

実際にこちらの記事では、記事中にGIFアニメーションを追加しています。

>>ブログにフェードインをつけよう！【CSSのパターンまとめ】

BloggerにGIFを追加する

追加したいGIFアニメーションを用意します。

GIFアニメーションは簡単に作れますが、GIFアニメーション専用の素材サイトもあります。

こちらにフリーのGIFアニメーション素材のサイトをまとめました。参考にしてください。

>>【厳選】無料で使える！GIFのフリー素材サイト３選

使うGIFアニメーションには、わかりやすいファイル名をつけて保存しておきましょう。

そしたら、写真を追加するときと同じ方法で、こちらからファイルをアップロードします。

画像の矢印の先の部分をクリックした後、使いたいファイルを選択しましょう。


Bloggerに画像を追加する方法や注意点、裏技など、詳しくはこちらの記事をご覧ください。

>>Bloggerの記事中に画像を追加する方法・注意点まとめ

あとは、位置や大きさを調整すればOKです。


まとめ

GIFアニメーションの動きを追加するだけで、記事がさらに楽しくなります。

また、GIFアニメーションはそこまで重くないので、気軽に使うことができます。

フリーの素材サイトやオリジナルのGIFも作り、使ってみましょう。

GIFアニメーションのフリー素材はこちらにまとめているので、ご覧ください。

>>【厳選】無料で使える！GIFのフリー素材サイト３選

コメント