BloggerブログでYouTube動画の埋め込みをレスポンシブに表示するCSSコーディング YouTube 動画の埋め込みコードにはHTMLのiframeタグが使われていてデバイスの画面毎にレスポンシブ対応でデザインを揃えるのが難しい。特にモバイルのスマホやタブレットで画面の横幅一杯に表示する場合に埋め込み動画の縦幅を一定の割合で維持できず、画像比が崩れる。写真などに...
Search ConsoleのブロックされたリソースのYouTubeのエラーは消せるかも知れない Googleのクローラー(検索ロボット)がサイトのコンテンツのファイル/リソース(JavaScript、css、画像など)をクロールできないと Search Console のブロックされたリソースに表示される。 サイトの robot.txt ファイルでこれらのリソースのクロ...
Instagramの埋め込みコードがバージョン8で非常に軽量化されて使い易くなった ブログの記事に Instagram の写真や動画を埋め込みコードを使って載せようとするとそれ自体が長くてびっくりするけれどもJavaScriptも付いていて読み込み時間が延びるのが懸念される。 マークアップの <script> と </script> ...
Bloggerのモバイルで記事に埋め込んだYouTube動画のサイズを変更する方法 Bloggerブログで記事にYouTube動画を載せるにはウェブの投稿の「動画」から取り込むのが便利だと思う。 YouTubeの自分のチャンネルは直ぐに探せるし、他人のチャンネルは検索からキーワードやURLで埋め込みコードを簡単に取得できる。 サイズが「320×266」で...
Imgurで画像URLと埋め込みコードを取得する方法 Imgur は自分でアップロードした画像については画像URL/直リンクを取得して他のサイトにHTMLのimgタグで表示させられる。 そして自分と他の人たちも含めて画像の埋め込みコードを取得して他のサイトのHTMLに、そのまま、記載して表示させられもする。 Img...
サイトにGoogle+の記事を埋め込む Google+(サービス終了)のパソコン版が2015年11月17日に 新しいバージョンに変更されて サイトへの記事の埋め込みコードは取得できなくなっているようだ。 しかし古いバージョンだと Google+ 投稿の埋め込み にあるような仕方で、実際に使用できることが確認された(...