IB-Note

最近JetThemeを使用しているブログが多くなり、ラベル表示がカテゴリーとハッシュタグ（#）に分けて表示されているのをよく目にするようになりました。 ブログを書いているとラベルの表示を…

高速化のため、今も旧画像URLで粘っているFumaです。 以前の記事 でもご紹介した通り、少し前からBloggerにアップロードした際の画像URLが旧URL 1.bp.blogspot.com から…

最近、Bloggerの記事で画像をアップロードしたときのURLが 1.bp.blogspot.com から blogger.googleusercontent.com に変更されました。 デフォ…

トップページを含むインデックスページで、表示投稿数が設定と合わない現象に遭遇しました。 調べてみた結果、どうやらBloggerの仕様に関連した現象だったみたいです。今回の問題の経緯とわか…

軽量なページネーションが欲しいなと思い、自作してみました。ページナビゲーションやページャーとも呼ばれていて紛らわしいですが、投稿のものとは別のページネーションです。こういうのですね↓ 今…

Bloggerブログでサイト内検索やラベル検索をすると、このような表示を見かけると思います。 ステータスメッセージと呼ばれているものですが、個人的に表示が気に入らなかったのでカスタマイズ…

Blogger用の個性溢れる最新コメント表示を作ってみました。 基本的なコメント表示の仕組みはこちらの通常版と同じです↓ Bloggerで最新コメントを一覧表示 | IB-Note フィー…

画像： Business vector created by rawpixel.com - www.freepik.com 自動生成目次を改造し、あったら良いな～と思っていたオプション機能をいくつ…

Bloggerで人気の投稿に順位を付ける方法をご紹介します。独自タグを使う方法と、CSSカウンターを使う方法の2種類があります。 ※検証にはQooQ（ver1.30）を使用しています。

投稿しているとラベルが増えてきて、ちょっとスッキリさせたいなぁということはありませんか？そんなときは、省略表示をさせると便利です。 通常の設定ではラベルを省略表示させることができないので…

画像： Business vector created by rawpixel.com - www.freepik.com フィードを利用して、最新コメントを表示するウィジェットを作成しました。ブ…

画像： Roserodionova - jp.freepik.com 新たにオリジナルの関連記事表示を作成し、今まで使っていたものと入れ替えました。 以前のものでも機能的には問題ありませんで…

画像： rawpixel.com - www.freepik.com 高速化対策の一環として、標準JSを無効化すると非常に効果があります。ただし、標準JSには一部のウィジェットや機能と関係している…

考えうる限りの手を尽くし、廃人になりかけながらブログを限界まで高速化してみました。結果は以下のような感じです。 PageSpeed Insights GTmetrix Lighthouse い…

画像： Technology vector created by stories - www.freepik.com きっかけはこちらのひき太郎さんの記事。 BLOGGER投稿一覧などの画像をJa…