【フェード＆スライド連動型・追従ボタン（上へ戻る）】
動的な表示制御とスムーズな操作性を兼ね備えた、ユーザーフレンドリーな追従型ボタンです。
2026/02/24
BloggerではじめるGoogleアドセンス 準備から申請まで
1. Googleアドセンスとは？
Google AdSense（アドセンス）は、ブログやウェブサイトに広告を掲載して収益を得る仕組みです。サイト運営者は、自分のサイトに広告を表示し、ユーザーがクリックすることで報酬を受け取ることができます。
Bloggerにスプレッドシート+GAS+JavaScriptで「いいね」ボタンを実装する
1. はじめに：ブログに「いいねボタン」を設置する魅力
読者が記事を読んで「面白い」「共感した」と思った瞬間、ワンクリックで反応できるボタンがあるとブログの魅力はぐっと高まります。
Bloggerに「この記事は◯分で読めます」と自動表示させる
この記事は何分で読める？読了時間表示スクリプトの紹介
ブログ記事やウェブサイトに「この記事は約○分で読めます」と表示するJavaScriptスクリプトです。読者が記事の長さを事前に把握できるため、読むかどうかの判断がしやすくなります。
BloggerでFont Awesomeを使う方法
1. Font Awesomeとは
Font Awesomeは、ウェブサイトで使えるアイコンフォントライブラリです。 文字として扱えるため、サイズ変更や色変更が簡単で、SVGや画像を使わずに軽量で美しいアイコンを表示できます。
2026/02/23
Bloggerでタブ切り替えを実装する方法
1. タブ切り替えのメリットとこのタブの特徴
関連する複数の情報を1箇所にまとめ、ユーザーが「今見たい情報」だけを表示できるため、ページが縦に長くなりすぎるのを防ぎます。
Bloggerに画像カルーセルを実装してみる
1. カルーセルのメリットとこのデザインの特徴
ウェブサイトで複数の画像や情報を効率よく見せるためには、限られたスペースを最大限に活用する工夫が必要です。カルーセルは、その代表的な手法のひとつです。
手のかかる子も、優等生も ─ Blogger・国産無料ブログ・WordPress、私が3つのブログで学んだこと ─
プロローグ
※ この記事は、まつさんの実体験・経験をもとに着想を得て、Chat-GPTにより整えたものです。
私は現在も、Blogger・国産無料ブログ・WordPressを平行して運用している。