ふーログガジェット・アニメ・ときどきアウトドアふーログホームプロフィールこのブログについて問い合わせガジェットブログ運営アニメ【読み込み速度改善】YouTubeの埋め込みを軽くする方法がすごい!ブログ運営TwitterFacebookはてブPocketLINEコピー2016.10.24スポンサーリンクどうも、ふーです。ブログでYouTubeの動画を埋め込みたい時、たくさん埋め込んでしまうとページの読み込み時間が長くなってしまいますよね。それを改善してくれる素晴らしい方法がありました。実際に使ってみた感想と、簡単に使い方を紹介します!2018年3月27日、内容を修正しました。今回活用した記事を紹介します。私が利用したコードはこちらからお借りしました。shiromatakumi.hatenablog.com作り方CSSコードを貼るブログのデザインのCSSに以下のコードを追加します。はてなブログでは「デザイン」→「デザインCSS」か「記事」に<style>で囲んで貼り付けます。私は、スマホでも使いたいので、「記事」のところに貼り付けました。]]></script>記事の一番下に以下のコードを貼り付けます。動画がいくつあろうと、1つのページに1つだけあればいいので、フッターや記事下部分に貼り付けます。TITLE」より)HTMLを貼るHTMLは「ようつべタグぽん」というツールを使います。はじめにYouTubeから動画のURLを取得。コピーしたURLを「ようつべタグぽん」の「動画URL」に貼り付けます。URLを貼り付けたら、サムネイルの大きさを選択します。ここの大きさはお好みで選択してください。出来たコードをコピーして、記事内に貼り付けて完成です。実際に完成したものがこちら画像で表示されていますが、クリックすると動画に切り替わります。読み込みが早くなる上、簡単に出来るのですごくオススメです。まとめ記事の読み込み速度も改善されますが、記事を書く画面もすごく軽くなりますしこれは導入しておいて損は無いと思います。私は「そんなにYouTubeの埋め込みなんてしないよ〜」って思っていましたが、最近使うようになったので慌てて導入しました。早めに導入しておくことをおすすめします。現在Amazonでは、初めてアマゾンギフト券を購入すると1000ポイント貰えるキャンペーンを実施中です!1000ポイントと+ギフト購入学✕最大2.5%分のポイントが貰えます。最新情報をお届けします。ログ関連記事ブログ運営はてなブログのAMPは不完全だった!?ベータ版のうちは対応しないのがオススメ!どうも、ブロガーのふーです。この記事ははてなブログのAMPを導入している方、これから導入しようと思っている方向けの記事です。【運営報告】7月のPVとか収益とかいろいろどうも、ふー(@fulogabc)です。7月も終わり8月ですね。今月も運営報告をしていこうと思います。【お知らせ】当ブログ記事が「レバテックフリーランス」にて紹介されました。学生ブロガーのふーです。記事タイトルにもある通りですが、当ブログの記事が「レバテックフリーランス」さんに掲載されました。ブログ運営ブログのFacebookページの作り方ブロガーの多くの人がFacebookページを作っているので、私も作ろうと思いました。Facebookユーザーへ情報をお知らせすることも出来ますし、Facebookユーザーの方が購買意欲が高かったりします。今回は「ブロガーのFace...はてなブログ【初心者にオススメ!】はてなブログをカスタマイズするときに便利な記事まとめ!はてなブログを初めて1ヶ月も経ってないですがブログのカスタマイズに挑戦し、その際いろんな記事に助けられました。カスタマイズって結構楽しいですよね。当ブログは9月末に「はてなPro」になりました。はてなProにすると、キーワード自動リンクが自動で設定にならないはずなのですが、過去記事にはなぜか適用されていませんでした。今回はキーワードリンクを簡単に外す方法を紹介します。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。ホームブログ運営スポンサーリンクこのブログを書いている人ふーガジェットとアニメが大好きな管理人。ふーログ.メニューホームプロフィールこのブログについて問い合わせガジェットブログ運営アニメホーム検索トップサイドバースポンサーリンクこのブログを書いている人ふーガジェットとアニメが大好きな管理人。(18)タイトルとURLをコピーしました。