Posts

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

Image

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

Image
All Photos by monacooc

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

Image
### Markdown記法 をBlogger で利用する手順 BloggerでMarkdown記法を利用するためのステップを詳しく説明します。 **ステップ 1: テーマのカスタマイズ** 1. Bloggerの管理画面にログインし、ダッシュボードにアクセスします。 2. 左側のメニューから「テーマ」を選択します。 **ステップ 2: HTMLを編集** 3. テーマページにアクセスしたら、テーマのカスタマイズを開始します。画面上部に「カスタマイズ」ボタンがあるかもしれませんので、それをクリックしてください。 4. カスタマイズ画面で、右上にある歯車アイコンをクリックし、「HTMLを編集」を選択します。 **ステップ 3: Markdown対応コードの追加** 5. HTML編集画面が開いたら、 タグの直前に以下のコードを追加します。 < script src = "https://cdn.jsdelivr.net/npm/marked/marked.min.js" ></ script > < script > const mdEls = document .querySelectorAll ( '.markdown' ) ; for ( let i = 0 ; i < mdEls.length; i++ ) { const mdEl = mdEls [ i ] ; const converted = document .createElement ( 'div' ) ; converted.innerHTML = marked.parse ( mdEl.value ) ; mdEl.parentNode.replaceChild ( converted, mdEl ) ; } </ script > Copy **ステップ 4: Markdownでブログを記述** 6. ブログ記事を書くときは、HTMLモードで記述します。Markdown記法を使用するには、以下のように記...

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ファイル読み込み