ひげしげノート

おすすめレビュー・格安SIM・ブログ関連の雑記ブログです。

ブログカスタマイズに関わる記事をまとめたページ

はてなブログは色々なカスタマイズができるので、それが楽しみの一つでもあります。

そんな僕がやってきたカスタマイズの一部を記事にして紹介しています。ぜひ参考にしてみてください。

はてなブログでのアフィリエイトリンクはもしもの「かんたんリンク」が超おすすめ!

はてなブロガーのみなさん!物販アフィリエイトリンクを作るならASPのもしもアフィリエイトが提供している「かんたんリンク」がおすすめです! おすすめの理由は、 複数の商品写真がスライドして動く! クレジット表記不要! アフィリエイトリンクの貼り方が…

【はてなブログをカスタマイズ】フォントを変えてブログの雰囲気を変える!

ブログのカスタマイズにもいろいろある中で、ブログ全体の『フォントの種類を変える』という地味なカスタマイズがあります。 とても簡単なカスタマイズですが、ブログの雰囲気をガラッと変えることもできますよ。 CSSをいじることにはなりますが、サルワカさ…

【はてなブログをカスタマイズ】タイトル画像を無料フォントで作ってみる

みなさんヘッダーのタイトル画像はどのように設定していますか? 僕の場合、風景画像やテキストデータではなくテキストの画像をタイトル画像にしています。 今回変更したタイトルの仕上がりはこんな感じ。 ちょこちょこブログの内容に合った画像がないか探し…

【はてなブログをカスタマイズ】スマホのグローバルメニューをPCと同じように表示させる方法

今回はスマホでのグローバルメニューをPCと同じようなバータイプにするカスタマイズを紹介したいと思います! メニューボタンとは PCと同じグローバルメニュー(完成形) 参考になるサイトを発見! コードの設置場所 コード <HTML> カテゴリーアドレスを書…

【はてなブログをカスタマイズ】Brooklynの箇条書きに自動で囲み枠を付ける方法

今回ははてなブログのテーマBrooklynを使っていて「箇条書き」に囲み枠をを付けてみたいという方に向けたカスタマイズ方法をご紹介します! 箇条書きに囲み枠を付ける理由 Brooklynの箇条書きに自動で囲み枠を付ける方法 コードの設置場所 追加するコード 最…

【はてなブログをカスタマイズ】Brooklynの目次デザインを変更する方法

今回ははてなブログのテーマBrooklynを使っていて「目次」のデザインを変えてみたいという方に向けたカスタマイズ方法をご紹介します! ↓この目次のようになります。 目次を変更する理由 Brooklynの目次カスタマイズ方法 コードの設置場所 追加するコード 補…

【はてなブログをカスタマイズ】初心者がやってきた事をまとめました。

今回は今までこのはてなブログで紹介して実際にやってきたカスタマイズをまとめておこうと思います。はてなブログのテーマはBrooklyn。他でも使えるかもしれませんが、全て自己責任でお願いします。 グローバルメニューの設置方法 トップページ記事一覧をカ…

【はてなブログをカスタマイズ】2列表示のカード型にしてTOPの記事を大きく表示する方法

今回はTOPページの記事一覧の表示を2列のカード型表示にする方法と一番上に来ている記事を大きく表示する方法について紹介します。 ※はてなブログproでトップページの表示形式を一覧表示にしているPC版ブログ限定の記事になります。 2列のカード型にする理由…

【はてなブログをカスタマイズ】記事やモジュールの上下間隔を変更する

今回はトップページに表示される記事一覧の記事間隔とサイドバーモジュールの間隔を変更する方法について説明していきます。※記事間隔についてはてなブログproでトップページの表示形式を一覧表示にしているブログ限定です。 記事やモジュールの間隔を狭くす…

【はてなブログをカスタマイズ】記事一覧で一番上に記事を固定する方法

今回はトップページに表示される記事一覧の1番上の記事を好きな記事で固定する方法について説明していきます。 ※はてなブログproでトップページの表示形式を一覧表示にしているブログ限定です。 記事を固定する方法 現状 設定方法 変更後のトップページ トッ…

【はてなブログをカスタマイズ】Brooklynの投稿年月日をシンプルにする

はてなブログ「ひげしげノート」はBrooklynというテーマを使わせてもらっています。 どのテーマでもブログを投稿した日付がどこかに表示されるようになっていると思いますが今回はこの投稿年月日の表示をすこしだけカスタマイズしようと思います。 現状 Broo…

【はてなブログをカスタマイズ】トップページ記事一覧をカード風に枠で囲う方法

はてなブログ「ひげしげノート」はBrooklynというテーマを使わせてもらっています。 ひげしげの性格的に、記事の一覧など記事と記事の境界がなくただ文字が置かれているだけの状態(デフォルト)だとなんだか気持ちが悪いんです。 訪問してくれた人にとって…

HTMLタグをブログに表示させる方法。カスタマイズ方法を記事にしたい人限定!

今回ひげしげノートで実際にやってみたブログのカスタマイズを記事にするのに、HTMLタグをただ貼り付けるだけだとうまくいかない事がわかりました。 ひと工夫が必要。 はてなブログ限定の話になりますがまとめておきます。 なにもせずに貼り付けるとうまくい…

【はてなブログをカスタマイズ】グローバルメニューの設置方法

せっかくブログを見にに来てくれる人がいるのだから、ついでに他の記事も読んでもらえたらうれしいですよね。 サイドバーや文中に関連記事が載っていたり、カテゴリーで分けておいてくれれば、そこもついでに見てみようかな、となるかもしれません。 回遊率…