コピペで簡単！CSSではてなブログの見出しをカスタマイズ！
はてなブログの見出しを変更したい！という方のために、今回はたくさんの見出しを作ってみました。 コピペだけで、はてなブログの見出しがカスタマイズできます。 デザインは選べる20種類！ ※使っているテーマによっては、うまくいかない可能性があります。ご了承ください。 見出しのカスタマイズ方法 後ほど紹介するコードは、デザインページ下（デザイン→カスタマイズ→デザインCSS）にコピペすれば、CSSが反映されます。元々あるコードの下にコピペしてください。 カスタマイズ方法を紹介する前に、先にコードの見方だけ説明しておきます。 はてなの編集画面では、見出しのタグは以下のように設定されています。 中見出しの見出しを変えたいときはコード内の h3 → h4 に書き換えて下さい。小見出しを変更したい場合は h3 → h5 に書き換えて下さい。 見出しの背景、ライン、文字の色はご自身で好きな色に変更してくださ
はてなブログで2年以上更新してきたので生き残っているカスタマイズを大体晒すよ - 心に火を、指先にペンを
かれこれ2年以上はてなブログを利用しているわけですが、当ブログもこの2年でこつこつのプチ整形とメイクをしつづけ2年前の面影はほぼなくなっております。 今でこそはてなブログはオシャレなテーマや多くのカスタマイズ記事が出てきておりますが、私がはじめたころなんて全然ありませんでした。スマホなんてひどかったもんですよ、本当に。カスタマイズ記事を書いてくれる人には頭が上がりませんね。 ただそれらの記事を精査せずに使い続けると「あれ？このコードなんだっけ」とか「なんかデザインが干渉しとる…」とか色々ありましてこの半年ぐらいいろんな人の手を借りながら断捨離したり、新しいカスタマイズをしたりしていたのでその辺をまとめてみようかなと。 はてなブログで2年以上更新しているアフィカスクソブロガーのカスタマイズ事情を晒します…というのがこの記事の趣旨でございます。 基本デザイン PC スマートフォン 無料公開され
YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった - SHIROMAG
私のブログでは音楽を扱った記事が多いので、大量にYouTubeを埋め込むことが多々あります。 しかし、あまりにたくさんのYouTube動画を埋め込むと、ページの読み込みに時間がかかってしまいます。 そんな悩みを抱えていたある日、下のような記事を発見しました。 追記:元ネタのブログが消えてしまいました。 おお！これこそ、私が探し求めていた記事だ！ この記事で紹介されているコードを参考に、もっと利用しやすいコードに修正してみました。 クリックすると動画が再生されるのが分かるように マウスホバー時のエフェクト YouTubeとは関係ない画像まで消えてしまう問題を解決 以上の3点を実装できるように、コードを改良しました。ブログ主の錠前さんの許可はいただいております。 YouTubeを大量に貼っても重くならないコード [はてなブログでの利用方法]まずはこちらのCSSをデザイン→カスタマイズ→デザイン
必見！はてなブログのカスタマイズを一気に紹介する
最終更新：7月25日 カードリンクが重かったのでテキストリンクに変更しました。 はてなブログのカスタマイズ方法まとめ 今回ははてなブログユーザー向けに、はてなブログのカスタマイズ方法を紹介した記事をまとめました。 もしかしたらあなたの知らないカスタマイズがあるかもしれませんので、ぜひぜひご覧ください。おそらく、この手の記事で一番カスタマイズを網羅したんじゃないかと思ってます。 目次を見れば、はてなブログでどんなカスタマイズができるか把握できますね。 カスタマイズの前に注意事項 カスタマイズを行う前に頭に入れておいて欲しいことがありますので、それを先に読んでおいていただくと、非常に助かります。 動作チェックを必ずする カスタマイズをする上で、とても重要なことがあります。それは、かならずPCとスマホで動作確認をすることです。 PCではちゃんと表示されていても、手違いでスマホだと表示されていない
無料会員でも出来る！スマホ版はてなブログのカスタマイズまとめ！ - どんどん着々アニメ
より読みやすいブログのためにもカスタマイズするのは大事ですよね。特にスマホ版サイトのカスタマイズは重要だと思います。 ですが、はてなブログ無料会員だと、スマホ版サイト専用のカスタマイズが出来なくて苦労している人も多いかと思います。 しかし！ 少し工夫すれば、はてな無料会員でもスマホ版サイトのカスタマイズはある程度可能です。 そこでこの記事では、レスポンシブに変えること無くできる、有用なカスタマイズと具体的な導入の仕方を紹介していきます！ 導入の仕方ははてな無料会員向けに書いていきます。はてなProの方は、参考にした記事を一緒に貼っておくので、そちらを参考にしてみてください。 カスタマイズをする前に ソーシャルボタン PC版表示の調整 見出し あわせて読みたい 記事の一部を隠しておくボタン 追尾メニューバー PC版表示の調整 メインカテゴリーへのリンク集 PC版表示の調整 最後に カスタマイ
はてなブログをカスタマイズ。基本の3箇所をCSSでデザインする。 - スキナモノート
はてなブログをこれからカスタマイズをしていきたい。そんな時におすすめなテーマが『Report』です。公式テーマなのでインストールをしなくても使えます。 なぜ、このReportがカスタマイズにおすすめかと言うと、限りなくシンプルだからです。 特にサイドバーのアイコンも付かないところが良い。本当になんの飾りもない。限りなくゼロに近いんですよね。だからこそ、カスタマイズにはうってつけのテーマだと思います。 これからこのブログもカスタマイズをしていく訳ですが、まずはReportの中身をもっと知ろうと思い、もう一つ、カスタマイズ用にブログを作ってみました。 スキナモノートでカスタマイズしていくと、なんかごちゃごちゃになってしまいそうなので（笑） customibu.hatenablog.jp それに、せっかくはてなブログもPROにしたのですから、ブログを10個作れると言う特典も有効利用しようかと。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.tarappism.com/entry/hatenablog-customize-6