ウェブ学のすすめ

Study of Web Design & Programing

はてなブログ テーマ

はてなブログにMaterial Design風のソーシャルボタンを設置する方法

現在、公開しているMaterial - テーマ ストア - はてなブログに ソーシャルボタンについてご相談があったので回答の1つとして実装してみました。他のテーマを使っている方でもそのままコピペもしくは調整することで使えると思います。

はてなブログテーマ「Material」のタイトル画像を最適化しました

はてなブログテーマ「Material」でタイトル画像をアップロードした際、画面に最適化するようにしました。またCSSを追加するだけで海外サイトのように画像に薄い色が重ねっているようなカスタマイズ方法もご紹介します。

はてなブログテーマ(レスポンシブ)にブログアイコンを表示させる方法

はてなブログテーマのスマホ版にはブログアイコンが表示されていますが、レスポンシブデザインにするとHTML自体が書き出されません。レスポンシブデザインでもブログアイコンを表示させる方法を無理やりですが編み出したのでご紹介します。作成したはてなブ…

はてなブログテーマ「Material」のカラーを変更する方法

はてなブログテーマ「Material」のヘッダーやフッターのカラーをカスタマイズする方法をご紹介したいと思います。CSSを追加するだけで自分だけのカラースタイルにカスタマイズできます。カスタマイズしたらぜひコメントやはてなブックマークからお知らせくだ…

はてなブログテーマ「Material」を2カラムにカスタマイズする方法

先日公開した、はてなブログテーマ「Material」を2カラムにしたいというご要望がありましたのでカスタマイズ方法をご紹介したいと思います。CSSを追加するだけで2カラムになり、プロフィールや最新記事がサイドに表示されます。お試しください!

Material Design(マテリアル デザイン)風のはてなブログテーマ「Material」を公開しました

Material Design(マテリアル デザイン)風のはてなブログテーマを作成しました。

サイドバーを左側に移動する~Hatena2 for はてなブログ

『Hatena2 for はてなブログ』のカスタマイズ例をご紹介します。今回はサイドバーを左側に移動させる方法です。

「Hatena2 for はてなブログ」のヘッダに画像を入れられるようになりました

はてなブログのテーマ ストアにて好評をいただいています『Hatena2 for はてなブログ』ですが、この度ヘッダに画像を入れられるように対応しました。

MacのTerminal風のはてなブログテーマ「# Hatena Term」を投稿しました

MacのTerminal風のはてなブログテーマ「# Hatena Term」を作ってみました。プログラマーやコーダーの方におすすめです。

テーマストアにスターウォーズ風テーマ「HATENA WARS」を投稿しました

スターウォーズOP風のテーマ「HATENA WARS」を作ってみました。記事が自動的にスクロールするようになっています。

「Hatena2-Pink for はてなブログ」をテーマストアに投稿しました

「Hatena2 for はてなブログ」に続きピンクバージョンも作ってみました。他の色をご希望の方はコメント欄にてどうぞ!

「hatena2 for はてなブログ」をテーマストアに投稿しました

昨日2/20、はてなブログがテーマストアをオープンしました!これで他のユーザーが投稿した公式以外のテーマを使用することができます。 また自分でカスタマイズしたデザインを投稿することも可能です。