スキップしてメイン コンテンツに移動

エッセイ風の日記ブログ

ラベル(Blogger)が付いた投稿を表示しています すべて表示

Bloggerの投稿の投稿の設定:ラベルとスケジュール/公開とパーマリンクと検索向け説明と場所とオプションについて

イメージ

Bloggerの投稿の入力画面の右側に投稿の設定のオプションがあって色んな項目が並んでいる。何れも特殊な機能で、ちょっと分かり難いと感じる。基本的な使い方とどのように動くかの気付いた点を纏めておきたい。 投稿の投稿の設定 via Blogger 目次 ラベル ...

BloggerブログでYouTube動画の埋め込みをレスポンシブに表示するCSSコーディング

イメージ

YouTube 動画の埋め込みコードにはHTMLのiframeタグが使われていてデバイスの画面毎にレスポンシブ対応でデザインを揃えるのが難しい。特にモバイルのスマホやタブレットで画面の横幅一杯に表示する場合に埋め込み動画の縦幅を一定の割合で維持できず、画像比が崩れる。写真などに...

BloggerブログでIntersection Observerの画像の遅延読み込みをかけるカスタマイズ

イメージ

サイトの表示速度を上げるために画面に入らなくてまだ表示される必要のない画像を画面に入って表示される段階で初めてブラウザに読み込ませるという画像の遅延読み込みの方法がある。 個人的に訪問者だけではなくて検索エンジンにも画像が把握できて検索結果へのサイト評価のSEO対策(検索...

BloggerブログのテーマのHTML編集/テンプレートのソースコードの基本構造と使用可能な独自タグについて

イメージ

Bloggerは無料のブログサービスとして何よりも サーバーの強制広告が付かないのとGoogleフォトから軽量で高画質の写真を載せられるのが何よりも素晴らしいと感じる けれどももう一つ面白いと心惹かれるのは豊富な独自タグを使った特有のサイト作成なんだ。 サイト作成のコーデ...

Bloggerの画像なしの投稿のスニペットに専用のサムネイル画像を表示する方法

イメージ

Bloggerの公式テーマのテンプレートで記事の抜粋のスニペットがインデックスページやサイドバーに置かれる場合に画像なしの投稿については文章だけしか載らない。専用のサムネイル画像を予め用意しておいて画像ありの投稿と変わらずに表示するようにスニペットのデザインを変えるカスタマイズ...