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

ラベル カスタマイズ の投稿を表示しています。 すべての投稿を表示
ラベル カスタマイズ の投稿を表示しています。 すべての投稿を表示

2026/02/24

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

event_note editBy まつゆう forumNo comments


1. 機能

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

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や画像を使わずに軽量で美しいアイコンを表示できます。

2026/02/23

Bloggerでタブ切り替えを実装する方法

event_note editBy まつゆう forumNo comments

1. タブ切り替えのメリットとこのタブの特徴

関連する複数の情報を1箇所にまとめ、ユーザーが「今見たい情報」だけを表示できるため、ページが縦に長くなりすぎるのを防ぎます。

Bloggerに画像カルーセルを実装してみる

event_note editBy まつゆう forumNo comments

1. カルーセルのメリットとこのデザインの特徴

ウェブサイトで複数の画像や情報を効率よく見せるためには、限られたスペースを最大限に活用する工夫が必要です。カルーセルは、その代表的な手法のひとつです。