はてなブログでは6月から記事下に「関連記事」が表示されるようになりました。 記事下に「関連記事」を表示します - はてなブログ開発ブログ 今まではJSなどで表示するカスタマイズで対応していましたが、公式のパーツが出来たということで、こちらの方が軽くて良いですね。 既にカスタマイズ方法のパターンを網羅した記事があるのですが、一応自分でも作ってみました。 saruwakakun.com ↑のサルワカさんの記事があれば、正直要らないような気もするのですがｗ、最近作ったテーマ「yumekawa」に合うように作ってみました。 このCSSは記事下の関連記事を対象としたもので、サイドバーの関連記事のデザインには影響しません。 ピンクバージョン 水色バージョン ピンクバージョン 以下のコードをデザインCSSに追記して下さい。 /* 記事下関連記事 */ /* 関連記事日付 */ #entry-footer

先日読んだid:codomisu さんの記事が素晴らしかったので、自分も本業ブログのリデザイン、スマホ版のカスタマイズしました。 スマホ版のデザインもPC版とあわせてリニューアルしました。 夏らしさを意識しましたがいかがでしょうか？ スマホ版もPC版と同様、class指定を調べてカスタマイズしていくんですが、先人の知恵を借りたほうが楽に素早く完成できます。今回は自分では記事を書かず、人様の役立つ記事を紹介します。 オリジナルのヘッダーデザイン スマホ版をスッキリおしゃれに見せるには スマホ版に固定フッタメニューをつける はてなブログスマホ版をカスタマイズするときに気をつけること オリジナルのヘッダーデザインスマートフォン版のはてなブログをヘッダー含めオリジナルに作り込むなら、id:codomisu さんのこの記事が丁寧に詳細に書かれています。はてなブログ標準のヘッダーのHTMLで表示される

フロップデザインさんは老舗のフォントショップですね。とっくに皆さんご存知だと思いますが、フォントの数が膨大なのでお気に入りの日本語フォントを選んでサンプルロゴを作ってみました。主にガーリーデザイン向けの日本語フォントです。はてなブログのタイトルロゴ画像の参考になるよう1000*200pxで作りました（一部例外あり）。 フォントを変えるだけで見た目の印象って全然変わります。デザインはヘボいですが、フォントは超優秀なので、ぜひダウンロードして使って見てください。 フロップデザインさんのフォントは個人で利用する分には無料で使えます。ユーザー登録（ショップ会員とは別）すればダウンロードできます。（一月にダウンロードできる数は制限あり）商業利用は多くのフォントで製品版のみ可となっているので、アフィリエイトサイトなどで利用するには製品版を買いましょう。 日本語フリーフォント収録 フロップデザインフォン

Minimal Green - テーマ ストア 制作したはてなブログテーマ「Minimal Green」が1000インストールを超えていました。 ご利用ありがとうございます。 出来の悪いところもありますが、思った以上に多くの方にご利用いただき嬉しく思っております。 このブログは毎日更新はできませんし、多くの方に見てもらえるようなテーマでもありませんが、ブログやサイト制作に関わるちょっとしたお役立ちを書いて行きたいと思います。 書きたいネタはあるんですが、検証に手間と時間がかかるため記事執筆は気が向いたとき・スローペースです。 これからもまったりとよろしくお願いします。 どうでも良い内容で更新してすみませんでしたー。

stripe - テーマ ストア 新しいはてなブログテーマ「stripe」をテーマストアに公開しました。 2カラム。レスポンシブデザイン。紺を基調とし、ストライプの下線をアクセントにデザインしました。 レイアウトはこのブログとほとんど同じです。 デモブログ： blog-custom.hatenadiary.jp アメリカ大統領選でトランプ氏が勝って絶望と開き直りで作って公開しました。嘘です。 ほんとはピンクピンクしたガーリーなデザインにしたかったのですが、ピンクは使いづらいのではないかと感じ、紺色の無難な感じにしました。 ありきたりのデザインですが、細かいところに少し工夫があります。 よろしければ、一度お使い下さい。