ラベル Blogger の投稿を表示しています。 すべての投稿を表示
【F-light】おすすめブログカード作成ブックマークレットの紹介

【F-light】おすすめブログカード作成ブックマークレットの紹介

F-light ユーザーでブログカードを導入されている方をよく見かけますが、ダークモード対応がちゃんとされていないのが少し気になっていました。やっぱりモード切替に連動してカードの明暗デザインも切り替わった方がいいですよね? ちょうど先日 すたすた式 さんがいい感じのブログカー...

【F-light】ヘッダー画像のボヤけを改善する

【F-light】ヘッダー画像のボヤけを改善する

拙作テーマ F-light を久しぶりに アップデート しました。 変更修正した箇所の内、前から一番気になっていた ヘッダー画像のボヤけ 問題に関する詳細を記事に残しておきます。

【Blogger】JavaScript でコメント内の外部リンクを別タブで開くようにする

【Blogger】JavaScript でコメント内の外部リンクを別タブで開くようにする

Blogger のコメントにはリンクを張るための a タグが使えますが、新しいタブで開かせるための target="_blank" 属性は使えません。せめて外部リンクだけは別タブで開くようにしたいところ。 JavaScript を使えば出来るのでは?と調べ...

4 |

【F-light】カードレイアウト化する

【F-light】カードレイアウト化する

昨日コメントで F-light をカードレイアウトにする方法が知りたいというリクエストを頂き、試しにカスタマイズしてみたところ中々いい感じに出来ました。(コメントではブロック表示と書かれてたけど、カードレイアウトで合ってるよね?) カードレイアウトというのは、トップページの記...

5 |

【F-light】はてなスターボタンを付けてみた

【F-light】はてなスターボタンを付けてみた

昔 Contempo を使ってた頃に「 はてなスター 」ボタンを付けていました。 ふじろじっく 【Contempo他】Bloggerにはてなスターを付ける 今回のカスタマイズは Contempo 等の公式新テーマ(Emporio を除く)限定です。 https://fujil...

2 |

【F-light】最近のアップデートでの修正内容の詳細と手動での適用方法

【F-light】最近のアップデートでの修正内容の詳細と手動での適用方法

本記事執筆時点での F-light の最新バージョンは11月13日にリリースした 1.27 ですが、まだ旧バージョンを使われている方が散見されます。(中にはアップデートされてることを知らないユーザーもいるのかもしれませんが) 1.26 と 1.27 は不具合修正の更新なので最...

【F-light】2つ目の人気の投稿ガジェットも同じデザインにする方法

【F-light】2つ目の人気の投稿ガジェットも同じデザインにする方法

人気の投稿ガジェットが2つ 今日たまたまとある F-light ユーザーのブログを見かけたのですが、そのブログでは「人気の投稿」ガジェットが2つありました。F-light はデフォルトで「全期間」に設定されたガジェットが一つ付いていますが、そのブログでは短期間(週間か月間か年...

F-light カスタマイズ集 (随時追加予定)

F-light カスタマイズ集 (随時追加予定)

拙作 Blogger テーマの F-light リリースから2ヶ月。ユーザーは徐々に増えつつはあるもののまだまだ少なく、カスタマイズについて書かれている方もいないようですので、作者おすすめのカスタマイズを紹介したいと思います。 デモサイトの紹介記事 に書かれていない事とか、...

20 |

【F-light】人気の投稿ウィジェットを個別ページでも表示させる

【F-light】人気の投稿ウィジェットを個別ページでも表示させる

人気の投稿は個別ページでこそ必要? フッターをスッキリさせたいとか、回遊性とかは気にしないという個人的な理由もあり、個別ページでは「人気の投稿」を非表示にしていて、何の気なしに F-light もデフォルトでそういう仕様にしていました。でも一般的にはトップページはあまり見ら...

【F-light】カスタム サイトマップ & 最新コメント ウィジェット (ダークモード対応 CSS 付きコード)

【F-light】カスタム サイトマップ & 最新コメント ウィジェット (ダークモード対応 CSS 付きコード)

当ブログで使用している HTML サイトマップ と 最新コメント ウィジェットの F-light テーマ 用ダークモード(カスタムプロパティ)対応 CSS 付きのコードです。 以下のコードを固定ページの HTML 編集でコピペするだけですぐにお使いいただけます。

2 |