Blogger 画像なし記事に自動で画像表示する ## **概要** 画像がない記事では、タイトル表示だけの記事一覧になり寂しいので、**自動で画像貼り付け**をしようという試みです。 はてなブログにはこの機能がありますが、今使っている**Jettheme**にはないので、この機能を追加します。 何がアイキャッチ... 2025/05/25
Blogger グラデーション付きのSVGアイコンの新規追加と使い方 ## 概要 Jetthemeでの**SVGアイコンの新規追加と使い方**については、下記のブログが詳しいです。ただ、ここで紹介されているのは、**モノクロ**のアイコンです。 **カラー**のアイコンは同じ書き方で登録できて使えたのですが、**グラデーション**の... 2025/05/23
Blogger SEO対策：画像のalt属性をハンドで書き込むスクリプト、Markdown版 ## **概要** [SEO対策：画像のalt属性をハンドで書き込むスクリプト](https://newprivatelibrary.blogspot.com/2025/05/seoalt.html)を作ったのですが、これはHTML版です。そこで、同じ考え方で、自分がよく使う... 2025/05/19
Blogger SEO対策：画像のalt属性をハンドで書き込むスクリプト ## 概要 SEOを考える上で、画像のalt属性内のテキストはかなり重要で、必ず設定することが推奨されています。 しかし、alt属性がなくても画像の表示には問題なく、いままでその必要性を認識していなかったこともあって、画像を貼り付けるたびに面倒なalt属性の設定をずっと避... 2025/05/19
Blogger SpreadSheetをHTMLのシンプルな表に変換するPythonスクリプト # **概要** Google SpreadSheetで表を作ってBloggerに貼り付けると、表のデザインがそのままBloggerで再現できるので、表の貼り付けにはずっとこの方法を使ってきた。 このままで不自由はなかったが、Jetthemeのxmlをカスタマイズし... 2025/05/16
Blogger HTMLの空白行を削除するスクリプト ## **概要** 今まで、気の向くままにブログを書いてきて、表題（h2, h3など)の前後に気分で空白行を入れたり、入れなかったりしていた。 その空白行の入れ方にも、` `タグであったり、` `タグや` `タグであったり、まちまちのやり方をしていた。 そ... 2025/05/16
Blogger Blog Archive をプルダウン表示にする ## 概要 Jettheme の Blog Archive は、「階層（HIERARCHY）」、「フラット（FLAT）」、「プルダウン（Menu）」の３スタイルある。手抜きかもしれないが、 - 「階層（HIERARCHY）」は、階層が１列縦に並んでいるだけで、見栄え、使... 2025/05/07
Blogger Jettheme Bootstrap5 / table を自動でレスポンシブにする ## 概要 JetthemaはBootstrapを使っています。そして、Bootstrapは レスポンシブ対応です。つまり、 ```html ... ``` で table を囲めば、スマホやタブレットでは表が横スクロールするようになります。 [情報... 2025/05/05
Blogger JetTheme テーマカラーをランダムに変える JetTheme のテーマカラーをランダムに変更するためのスクリプトを作る。 下記の表を見ると、JetTheme のデフォルト設定では数種類の要素に同じ色を設定しており、ホバーすると同じ色調のまま濃い色合いになるように工夫されていることが分かる。この考え方を踏襲する。 2025/05/04
Blogger オリジナル目次作成と見出しリンクの自動生成 ## 概要 スケ郎さんの目次を使っていたが、私のブログは記事の構成がいい加減なのか、目次の表示がおかしくなる。 そこで、一念発起してAIの力を借りて目次を自作した。 ついでに、見出しをクリックしたら、リンクを自動取得する機能も追加してみた。 ... 2025/05/04
Blogger Markdown エディタを実装し、さらに Prism.js を適用する Bloggerで、Markdown書式からHTMLに変換するクールな方法を見つけた。この方法にすれば、次のようなメリット（気持の良さ）が得られる。 1. ソースはMarkdownのままでOK（HTMLに変換もできるが、未変換のままでもHTMLに変換した文章になる。） 1. コ... 2025/05/02
