はてなブログの「コメントを書く」ボタンってデフォルトだとシンプルで少し小さめですよね。場合によってはどこにあるか気づきにくいことも。 コメントボタンの文字を大きくしたり、デザインを変えるなら.leave-comment-titleのcssで指定します。 このブログ…

デザインテーマ「Minimal Green」の見出しのデザインh1からh4までのCSSh1見出し .entry-content h1 { font-size: 160%; padding: .75em 0; border-top: 2px solid #454545; border-bottom: 2px solid #454545; }

このシェアボタンはid:hiroseyonakaさんのコードを参考にしています。ありがとうございました。 こんな感じのデザイン はてなブックマーク、Facebook、Twitter、Google+のソーシャルシェアボタンです。 レスポンシブでスマートフォンだとカウント、テキスト…

はてなブログ公式のパンくずリスト機能がリリースされましたが、design.syofuso.com普通にパンくずリストを表示させるとページ上部に出ますよね。デザインによってはページ上部ではなく記事下に表示させたいこともあるかと思います。 そこで、「はてなブログ…

はてなブログのフッター部分のカスタマイズについてあまり解説を見かけないので自分でできる範囲で書いてみました。良かったら参考にして下さい。 はてなグローバルナビゲーションは残し、フッターのみ消す（はてなブログProのみ） フッターとボトムエリアの…

psn.hatenablog.jp ぽけっとしすてむ (id:psne)さんの記事で知ったのですが、はてなブログの公式機能で記事個別ページにパンくずリストを表示させることができるようになったそうです。 2日ほどはてなブログ触ってなかったので気づきませんでした。遅いです…

まとめて色を変更するコード、ピンク、水色を用意しました。デザインCSSに貼り付けてお使い下さい。 ピンク系 #E9546B薔薇色 水色系 #89C3EB勿忘草（わすれなぐさ） ピンク系 #E9546B薔薇色 ==== /* アクセントカラーピンクCSS */ /* リンク文字の色 */ a { …

まとめてリンク文字や メニューバー、ページャー、続きを読む、サイドバーの色を変更するコードを書きました。 デザインCSSに追加でコピペして下さい。 他の色にもコードを参考に変更してみてください。 追記：セレクタごとに分けました。必要なところをお使…

手引にも書いたのですが、こちらでも詳しく書きます。 ==== 注意：参考元の記事を明記して下さい 共通作業：タイトル下に貼り付けるHTML ドロップダウンメニューのHTML構造について 黒背景のグローバルメニューCSS 白背景に黒文字のグローバルメニューCSS メ…

ヘッダー、タイトル画像の設定について説明します。他のデザインテーマのカスタマイズにも応用できます。 タイトル画像の設定（はてなブログのタイトル画像機能を使う場合） タイトル画像の上下の余白を取る タイトル名の文字の色変更、中央寄せ cssで直接指…

フォントの指定は全体を変えるならbodyに body { font-family:'“Lucida Grande”', '“segoe UI”', '“ヒラギノ丸ゴ ProN W4”', '“Hiragino Maru Gothic ProN”', “メイリオ”, Meiryo, Verdana, Arial, sans-serif;} このように指定します。 フォントは環境によ…

この「Minimal Green」テーマのCSSは自由に改変してくださって構いません。 Minimal Green - テーマ ストア 背景画像や背景色を変えるとこんな感じになります。 メニューやリンク文字の色を変えるとこんな感じになります。 [注意] グローバルメニューとペー…