Posts

よく使うイメージ画像(Bloggerは、webpをアップロードできます。avifは不可。)

Image

私のお気に入り とってもかわいいmonacoocさんのイラスト

Image
All Photos by monacooc

BloggerでMarkdown記法を利用するには

Image
<!-- ここに Markdown 記法で記述するとプレビュー時に変換される --> <img src="https://www.notion.so/images/page-cover/met_terracotta_funerary_plaque.jpg" referrerpolicy="same-origin" style="display: block; object-fit: cover; border-radius: 0px; width: 100%; height: 30vh; opacity: 1; object-position: center 10%;" /> ### Markdown記法<i class="fa-brands fa-markdown fa-flip"></i>をBlogger<i class="fa-brands fa-blogger fa-bounce" style="color: #f57c00;"></i>で利用する手順 <i class="fas fa-tag"></i>BloggerでMarkdown記法を利用するためのステップを詳しく説明します。 **ステップ 1: テーマのカスタマイズ** 1. Bloggerの管理画面にログインし、ダッシュボードにアクセスします。 2. 左側のメニューから「テーマ」を選択します。 **ステップ 2: HTMLを編集** 3. テーマページにアクセスしたら、テーマのカスタマイズを開始します。画面上部に「カスタマイズ」ボタンがあるかもしれませんので、それをクリックしてください。 4. カスタマイズ画面で、右上にある歯車アイコンをクリックし、「HTMLを編集」を選択します。 **ステップ 3: Markdown対応コードの追加** 5. HTML編集画面が開いたら、</body>タグの直前に以下のコードを追加します。 <div class="code-box"> <

IFrame Player API - enablejsapi=1 | YouTube [ Implement unique thumbnails and play buttons on embedded videos using YouTube Player API ]

Image

音に合わせたアニメーション

Image
Your browser does not support the audio element.

Youtube IFrame Embed - Full Custom ver.2 (API)

Image
YouTube Player Load Video Video Size: Width: Height: Apply Size

外部HTMLファイル読み込み | Java Script

Image
外部HTMLファイル読み込み | Java Script 外部HTMLファイル読み込みのスクリプトコード 外部HTMLファイル読み込み