Bloggerに関するカスタマイズ・テンプレート・TIPSを紹介しています。

test 1

読了表示

「この記事は◯分で読めます」

READ MORE
test 2

Googleアドセンス

収益化目指す方へのガイド

READ MORE

2026/02/24

Bloggerに「上へ戻る」を設置する

event_note editBy まつゆう forumNo comments


1. 機能

【フェード&スライド連動型・追従ボタン(上へ戻る)】
動的な表示制御とスムーズな操作性を兼ね備えた、ユーザーフレンドリーな追従型ボタンです。

BloggerではじめるGoogleアドセンス 準備から申請まで

event_note editBy まつゆう forumNo comments

1. Googleアドセンスとは?

Google AdSense(アドセンス)は、ブログやウェブサイトに広告を掲載して収益を得る仕組みです。サイト運営者は、自分のサイトに広告を表示し、ユーザーがクリックすることで報酬を受け取ることができます。

Bloggerで脚注を付ける

event_note editBy まつゆう forumNo comments

1. このCSSでできること

  • ナビに被らない着地: 固定ナビゲーションがあるブログでも、注釈リンクがヘッダーの下に隠れず、絶妙な位置で止まります。

BloggerでGoogleフォントを使用するためのガイド

event_note editBy まつゆう forumNo comments

 

1. はじめに

ウェブサイトを運営していると、「もう少しデザイン性を上げたい」「読みやすいフォントに変えたい」と思うことはありませんか?

Bloggerにスプレッドシート+GAS+JavaScriptで「いいね」ボタンを実装する

event_note editBy まつゆう forumNo comments

 

1. はじめに:ブログに「いいねボタン」を設置する魅力

読者が記事を読んで「面白い」「共感した」と思った瞬間、ワンクリックで反応できるボタンがあるとブログの魅力はぐっと高まります。

Bloggerに「この記事は◯分で読めます」と自動表示させる

event_note editBy まつゆう forumNo comments

この記事は何分で読める?読了時間表示スクリプトの紹介

ブログ記事やウェブサイトに「この記事は約○分で読めます」と表示するJavaScriptスクリプトです。読者が記事の長さを事前に把握できるため、読むかどうかの判断がしやすくなります。

BloggerでFont Awesomeを使う方法

event_note editBy まつゆう forumNo comments

1. Font Awesomeとは

Font Awesomeは、ウェブサイトで使えるアイコンフォントライブラリです。 文字として扱えるため、サイズ変更や色変更が簡単で、SVGや画像を使わずに軽量で美しいアイコンを表示できます。