カスタマイズ

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

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

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

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

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

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

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

・Blueskyシェアボタン追加

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

その後、いろいろなカスタマイズを認識し、便利そうなもの、あったらいいものに取り組むことに…

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

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

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

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

・いいねボタンの設置

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

・デザイン調整

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

リンクの色、マウスホバー時のリンク挙動、ガジェットの文字の太さなどを見直し。

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

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

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

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

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

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

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

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

・.svgのCSSの見落とし

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

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