Blogger の投稿エディタを Markdown エディタに改造する
Markdown で記事を書くことが多いのですが、現在お世話になっている Blogger の投稿エディタは残念ながら Markdown に対応していません。 そのため、Markdown で記事を書…
コードブロックに折り返しボタンを実装する
ブログやサイトなどにソースコードを載せる際、行を要素の端で折り返すか、それとも折り返さずに横スクロールありで表示するかで迷ったことはありませんか？ 筆者はどちらかというと折り返さない派なんですが、…
【Blogger】ラベルの付いていない投稿を検索する
Blogger で特定のラベルの付いた投稿だけを表示させるには、以下のような URL を使います。 https://[ブログ名].blogspot.com/search/label/[ラベル名]…
【jQuery 不要】複数の details 要素のうち1つだけを開く
複数の details 要素を並べたメニューを作ったとき、 details 要素がいくつも開いた状態になるのが気になってしまいました。 その問題を解決しようと「アコーディオンメニュー 1つだけ…
【Blogger】画像コードを置換するための正規表現集
Blogger の編集画面から投稿やページに画像を挿入すると、画像コードが以下のような img 要素が div.separator と a 要素に囲まれた形で出力されます（画像 URL の一部…
【Blogger】いいねボタンを Google フォームで作る方法
ブログを運営していると、読者の方からの反応が欲しいと思うことがあります。特に「いいね！」のようなポジティブな反応は、ブロガーにとって大きな励みになりますよね。 あいにく Blogger にはデフォ…
【Blogger】リアクションボタンを Google フォームで作る方法
ブログを運営していると、読者の方からの反応が欲しいと思うことがあります。しかし、読者にとってコメントを残すという行為は意外とハードルが高いものです（筆者もコメント書くのめちゃくちゃ苦手です）。コメン…
【Blogger】投稿に最終更新日を表示させる（ウィジェットバージョン1用）
バージョン1のブログの投稿ウィジェットにおいて、投稿ページに最終更新日を表示させるカスタマイズを行いました。 すでに同じテーマで多くの記事が書かれていますが、筆者のカスタマイズの場合それらとは方法…
目次に戻るリンクをクリックしたら目次を開く
長い記事を読んでいると、目次に戻りたいなと思うことはありませんか？ そんなときに便利なのが「目次に戻る」リンクです。ページの途中でもこれをポチッと押すだけで目次に戻れるので、ページの全体像を把握しな…