[B! カスタマイズ] designlifeのブックマーク

PCブログデザインを大幅に変更しました！おしゃれなブログカスタマイズまとめ。 - USEFUL TIME

ブログデザインが変わると気持ちがリフレッシュしてやる気が湧いてきますよね。 PCのブログデザインを大幅に変更しました。期間は3日間と短いスパンになりましたが、良い仕上がりになり大満足です。今回、変更した箇所のカスタマイズをまとめていきたいと思います。 USEFUL TIMEの全体図ブログデザインを変更したので、まずはブログの全体図から載せていきます。全体的な配色やロゴを自作したりと色々と大変なところもありましたが、デザインに関して全くの初心者がここまでできたら上出来だと感じています。今回、大きく変えた箇所もまとめて書かせていただきますね。大きく分けて7箇所を大幅に変更しました。アニメーションも初めて導入したのですが、不具合なく動いてくれているので安心しています。使用しているカラーも一緒に載せておきます。配色には自信がないので少しずつ変えていくかも… 配色はAIカラーツール「Khr

designlife 2017/12/03

PCデザインのみの変更になりますが、念願だったエフェクトも導入できて大満足です。アドバイスをくれた方々ありがとうございました！

リンク

はてなブログのヘッダーメニューの設置とカスタマイズ（PC用） | SHIROMAG

ヘッダーにメニューを設置してカスタマイズしましたお詫び：今回の記事は「コピペで簡単」って記事ではないです。スマホ対応はまだしてませんが、パソコンで見るとタイトル下にメニューが表示されます。メニュー自体は前から設置していたのですが、ちょこっと手直ししました。テーマによっては簡単にメニューを設置できるみたいですが、当ブログは自力でCSSいじっているのでメニューの設置も自力でやりました。今回のコードは、あまり初心者向けではないので参考になるかは微妙です。そもそも、コードの出来に自信ありませんww　駆け出しなので許してちょ☆ サンプルコードまずはHTMLです。これをデザイン→カスタマイズ→ヘッダにぶち込めばベースができます。 ※もしここにコードが表示されてない場合は、ページを再度読み込んでください。リンク先のアドレスはご自身のブログのカテゴリーURLを貼ってくださいね。 id=”js