カスタマイズ

2026年1月8日からBloggerブログの利用を開始しました。

テンプレートについて

・テンプレートQooQを使用させていただいております。くうく堂様(ラムネグ様)ありがとうございます。

不調で改善の見込みのないアサブロから急遽Bloggerに移転しました。テンプレートQooQを適用させた時点でほぼ望み通りでしたが、SNSシェアボタンについてはややしょっぱい感じでしたのでとりあえずSNSシェアボタンの改善から取り組むことにしました…

SNSシェアボタン系

・オリジナルSNSシェアボタン設置

・上側のシェアボタンを消す

ふじやんさんの「ふじろじっく」の記事を参考にさせていただきました。

サービスが終了していたPocketとまず使われないと思われるはてなブックマークのボタンはすぐにコメントアウトしました。

・Blueskyシェアボタン追加

ぼっちんさんの「Webテク倉庫」の記事を参考にさせていただきました。

あまりポストはしないのですがひと気のないBlueskyは結構好きです。

・いいねボタンの設置

むーなかさんの「むーなかのお知らせ」の記事を参考にさせていただきました。

・あまり使わなさそうなリンクコピーボタンもコメントアウトしました。

使っていない（アカウントを持っていない）facebookについても消そうと思いましたが、なんだかデザイン的に寂しくなるので残しています。そのうち…

・微調整

影をつけ忘れていたいいねボタンとBlueskyシェアボタンに影をつけ、ツイッターバードやLINEのロゴやfの字のサイズと位置を調整しました。

シェアボタンを見直しつつ、その他のいろいろなカスタマイズを認識し、便利そうなもの、あったらいいものに取り組むことに…

ガジェット系

・ページトップに戻るボタン設置

monocotoyomさんの「monocotoyom」の記事を参考にさせていただきました。

・BlueskyのTimelineをフッターに設置

ともゆきさんの「【Blogger】サイドガジェットにBlueskyのタイムラインを埋め込む」の記事を参考にさせていただきました。

・注目の投稿ガジェットの表示及びリンクの仕方を変更

ふじやんさんの「ふじろじっく」の記事を参考にさせていただきました。

・人気の投稿ガジェットの記事ごとに区切り線をつけfont-weight等を変更

BloggerMaster！さんの「QooQカスタマイズ：人気の投稿ガジェットの記事ごとに区切り線をつける方法」の記事を参考にさせていただきました。

・ブログ アーカイブの表示形式を変更しました。

固定ページ系

・問い合わせフォームをページに設置

とうふさんの「1983NOTE」の記事を参考にさせていただきました。→2026/1/23 Bloggerのlightbox機能がうまく動作しなくなってしまったタイミングでメールフォームも動作していなかったのでBloggerなびさんの「Bloggerにgoogleフォームでお問い合わせページを設置する」を参考にしてgoogleフォームによるメールフォームに変更しました。→Limosuki（リモスキ）さんの「Google フォームのデザイン・完了ページをカスタマイズ」を参考にしてデザインを修正しました…が、確認したアンドロイドスマホからだとシークレットモード(Chrome)やInPrivateモード(Edge)からでないと「送信完了」画面になっても送信されていないようですので元に戻しました。

・サイトマップ（全投稿リスト）設置

ふじやんさんの「ふじろじっく」の記事を参考にさせていただきました。

・Optical Equipmentページを設置

所有するカメラ機材や設定、その他光学機器等の備忘録的なページを設置しました。

デザイン系

・トップページ記事一覧のサムネイル画像サイズを変更

Limosuki（リモスキ）さんの「【Blogger】QooQリスト版 トップページ記事一覧のサムネイル画像サイズを変更する方法」の記事を参考にさせていただきました。

・フッターのAttributionとCopyrightの表示の仕方を変更

kamoshakehさんの「[Blogger] フッターレイアウト - AttributionとCopyright」の記事を参考にさせていただきました。

・BlueskyのTimelineのタイトルにBluesky純正ロゴを設置

・デザイン調整

フッターのガジェットに枠線を設定し、font-weightやmargin、paddingを調整。

リンクの色、マウスホバー時のリンク挙動、ガジェットの文字の太さなどを見直し。一般的なフルHDクラスのPCモニタで閲覧する場合、游ゴシックではfont-weightがnormal=400だと細すぎることを認識しました。

・関連記事のマウスホバー時の挙動を変更（追加）しました

ふじやんさんの「ふじろじっく」の記事を参考にさせていただきました。

不具合対応

・スマホでの表示が太字になる現象を解決

SELENさんの「Bloggerでブロガーになろう」の記事を参考にさせていただきました。

・コメントできない不具合があったためコメントの表示場所をを埋め込みからポップアップウィンドウに変更しました。

その他

・自己紹介の「詳細プロフィールの表示」での重複したリンクを削除

スケ郎さんの「スケ郎のお話」の記事を参考にさせていただきました。

・テキストのリンク領域（クリック可能範囲）を拡大

トップページのラベル、ページネーション及びクラウドラベル（その他のカテゴリ）のテキストのリンク領域（クリック可能範囲）を拡大しました…高度なことはできませんのでネガティブ（マイナス）マージンで…

・すべてのラベルを関連記事の表示対象にする

ふじやんさんの「ふじろじっく」の記事を参考にさせていただきました。

各サイト主様、ありがとうございます。

「参考に」というのはほぼ丸写しということです。リンクは貼りませんが、参考にさせていただいた記事は検索で簡単に見つかると思います。

基本的によくわかっていない人なので、いいねボタンの設置では少々苦労いたしました…その原因は↓

・テストを「ページ」でつくって動作確認しようとしたのですが、「ページ」ではexpr:valueでタイトルとURLを拾ってくる部分が上手く動作しない

・.svgのCSSの見落とし

そういえば真っ先にせねばならないタイムゾーンの設定をせず「なんで公開時刻がズレるんだろう？」などとしばらく悩んでたのは秘密です…これからも改良していこうとは思っていますが、何分パワーが…な・なにはともあれ…

今後とも当ブログをよろしくお願いいたします。