※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢

10/7追記１：「はてブ順」を含めた、５つボタンバージョンを追加しました。 11/16追記２：カテゴリの部分を二列にするやり方を追加しました。 最近、はてなブログは人気記事モジュールのみならば、記事上でもどこでも差し込めることを知りました。 こっ、これは！と思い、以前作ったトグルメニューと組み合わせると、スマホの回遊率が高められる(かもしれない)メニューバーというものを作ることができたので、紹介したいと思います。(レスポンシブ設定の方は、できません) 実装図 実際のカスタマイズ ４つのボタンの場合 １　HOMEボタンにURLを入れる ２　カテゴリにURLと言葉を入れる ５つのボタンの場合 １　HOMEボタンにURLを入れる ２　カテゴリにURLと言葉を入れる その他のカスタマイズ 色を変えたい 人気記事の表示する個数を変えたい はてブ数を表示したい・したくない カテゴリの部分を二列にしたい

はてなブログのサイドバーのプロフィール欄をカスタマイズしました。デフォルトだと小さくて目立たないんですよね。プロフィールはブログの顔ということで、画像を大きくして目立つように。調べたら意外とでてこなかったので、まとめてみました。HTMLとCSSの知識はほとんどいらず、簡単です！参考にしてみてください！ デフォルトのサイドバーのプロフィール欄 カスタマイズしたプロフィール欄 まずはプロフィール画像を決めよう 画像のサイズは300px×300px 画像に枠をつけて目立たせる SNSのリンクや読者になるボタン プロフィールの作り方 実際のコード例 プロフィール欄は定期的に見直しを！ まとめ デフォルトのサイドバーのプロフィール欄 はてなブログではサイドバーにデフォルトでプロフィールが設定されています。これが下のコチラ。 画像が小さい丸で目立ちません。設定できる要素もそんなにないんです。 タイトル