ローディングアニメーション

海外のBlogger無料テンプレート導入（參）

7月 26, 2020

Bloggerの海外の無料テンプレート『Vozga』を導入したので、カスタマイズを行う。

5.配色の変更

レトロっぽい配色とか色々試してみたが……最終的には『Lopan.jp』さんを参考に。

『Vozga』はデザイナーテンプレートで、ほとんどの配色のカスタマイズ可能○。

背景とポストタグのみ、HTMLでカスタマイズ。

6.フォントの変更

フォントは、以前は『メイリオ』を使用。

『Lopan.jp』さんの『筑紫A丸ゴシック』を真似したいが……webフォントは有料かー。

『Google Fonts』さん『Leafscape』さんの無料Webフォントでカスタマイズ。

h1『Poppins』『Homemade Apple』
その他 『やさしさゴシック』

（『Homemade Apple』は、英筆記体。『Lopan.jp』さん、映画『クローズド・ノート』の題字みたいなローディングアニメを作る予定）
（『やさしさゴシック』は、手書きっぽい柔らかい雰囲気が○）

Google Fonts 

Leafscape 

Bloggerのフォントをメイリオに変更する方法　記事タイトル対応 ※追記あり 

7.ローディングでふわっと表示

ローディングアニメを完成させるまでは、とりあえずこちらを装備。

ブログにフェードインをつけよう【CSSのパターンまとめ】（Bloggerなび）

8.スクロールでふわっと表示

これはなかなか手こずる。
なかなか動いてくれない。
なので動いた時は……
(*ノﾟДﾟ)八(*ﾟДﾟ*)八(ﾟДﾟ*)ﾉｨｪｰｨ！

スクロールするとふわっと現れる文字や画像をはてなブログで実装してみよう（Brian'z Imagination）

いいね！と思ったらお願いします。。


人気ブログランキング

コメントを投稿

0 コメント

コメントを投稿