ハッシュタグ記事一覧

はてなブログ無料版から有料版のPROにして1か月利用してみる

優柔不断なのでとりあえず1か月だけ(^^;はてなブログの有料版「はてなブログPRO」に登録してみました！ 1か月徹底的に使って、継続するかどうか決めたいと思います！ ひとこと自己紹介 この記事を書いているわたくし「かじたん」は、40代2児の母、パート主婦です。ブログ歴は20年以上。これまでに利用したブログサービスは5つ以上。細く長く続けています。wordpressも利用中（更新できていませんが） (adsbygoogle = window.adsbygoogle []).push({}); ＝目次＝ 有料版で変更したこと トップページを一覧表に変更 有料版で変更したこと トップページを一…

2025/05/13 20:47

はてなブログの「見出し」をカスタマイズ！（CSS素人解説付き）【Minimalism】

ブログのテーマを「Minimalism」にしました。 元のデザインがシンプルなので、自分の好みのデザインに変更しやすいと思ったからです。 さっそく見出しのデザインをカスタマイズしてみました。 見出しのデザインを考えたとき、記事本文やサイドバー本文の文字の大きさとのバランスも考えた方がいいと思い、それらも調整しました。 見出しをカスタマイズ デザインを選ぶ CSSをコピペする コードの調整 色を変える カスタマイズしているときに困ったこと 見出しの文字を大きくしたい 見出しの余白について（marginとpadding） 見出しの余白（margin）を広げたい サイドバーの見出しを中央揃えにしたい…

2025/04/04 21:36

はてなブログの「目次」をカスタマイズ！（CSS素人解説付き）【Minimalism】

見出しのカスタマイズの次は目次もカスタマイズ！ ミニマリズムそのままの目次だとかなりシンプルなので、もう少しデザインがあったほうがいいなと思いやってみました。 目次をカスタマイズ デザインを選ぶ CSSをコピペする 色を変える カスタマイズした目次のデザイン カスタマイズした目次のCSS 備忘録：目次のCSS 目次の外わく 目次の外側（上下）に余白をつくりたい 「目次」の文字の部分 目次のアイコン部分 「.entry-content .table-of-contents li」 「.entry-content .table-of-contents li ul」 「.entry-content …

2025/04/04 21:36

はてなブログの「グローバルメニュー」をカスタマイズ！（CSS素人解説付き）【Minimalism】

グローバルメニューのデザインをカスタマイズしました。 CSSのなんてさっぱりわからない素人ですが自分の思うようなグローバルメニューにするために頑張って検索しまくりました。 コツコツとCSSのコードを調べたので備忘録にまとめました。 グローバルメニューをカスタマイズ デザインを選ぶ どんなデザインにしたいか大まかにイメージを固める HTMLとjQueryをコピペする コード 貼り付ける場所 メニューにアイコンを入れたい場合 CSSをコピペする コード 貼り付ける場所 色を変える CSS備忘録 PC用ナビゲーション：パソコン表示でのグローバルナビゲーション PC非表示：パソコン表示での2階層目（ド…

2025/04/04 21:36

はてなブログの「記事一覧」をカスタマイズ！（CSS素人解説付き）【Minimalism】

「記事一覧」のブログデザインをカスタマイズしました。 パソコンから見たデザインはアイキャッチが大きく表示されるカード型にしました。 しかし、スマホから見ると画像が大きすぎて見にくいので、ミニマリズムの元からの横長デザインのままになるようにしました。 ミニマリズムの記事一覧のデザイン パソコンからの記事一覧のCSSはのせてません パソコンから見た記事一覧のカスタマイズ（カード型）備忘録 パソコンではカード型、スマホでは横長になるようにする カードの角を丸くする 日付をタイトルの下から上に移動、タイトルとカテゴリーの余白を広げる タイトル部分の高さを固定、タイトルの文字サイズを少し小さく カテゴリ…

2025/04/04 21:36

【はてなブログ収益化】初心者向けおすすめ人気アフィリエイトサービス(ASP)を5つ紹介

今回は、実際に無料版のはてなブログで月間7～10万のアクセス数を維持し「ブログ副業」をしている私 (@redo5151)が「はてなブログ」で収益化をする方法として、アフィリエイトに向けた事前準備やおすすめ大手アフィリエイトサービスを5つ厳選して紹介します。最近は、コロナの影響で経済も落ち込み、収入源に不安を感じている人も多いようです。私の会社も厳しい「残業規制」や「テレワーク・在宅勤務」も大幅に増え、給料も減っています。そのような状況の中、本業とは別のカタチで収入を得る方法として「副業」も流行ってきています。その手段の一つとして、どこでも気軽にパソコン一つで始められる「ブログ副業」が挙げられます。ブログの一番のメリットとしては、維持費用が安く、無料版はてなブログであればタダなので、投資と違って仮に収益化できなくても、損することが全くないことです。つまり、ゼロリスクハイリターンが実現できるビジネスともいえます。

2025/03/05 17:11

ブログテーマを「Minimalism」に変更しました【カスタマイズ】

ブログテーマを変えました はてなブログ使ってない人からしたら「何の話？」って感じだと思うのですが、ブログのデザインを変えました。 何で急にそんな面倒なことをしたかというと、2月14日に急にブログが開かなくなったのです。 いや、正確に言うとパソコンからは時間をかければ見れる、スマホからは真っ白な画面になるだけでいつまで経っても開かないという具合です。原因は不明。 私はこういうことがまったくもって得意ではないので、ひたすらGoogleで調べつつ、ブログが重くなりそうなHTMLやCSSは片っ端から削除。いろいろと調べていくうちに私が使用していたブログテーマ「DUDE」は重い、と書いてある記事を見つけ…

2025/02/17 21:53

ブログデザインをあちこちリニューアルしました【2024】

こんにちはです。あっちのそららです。本日、ブログデザインを改良したので、変更点などをまとめました。 ヘッダーイラスト ハンバーガーアイコン プロフィール キャラクターページ にほんブログ村バナー はてなブログタグ おわりに ヘッダーイラスト 静止画だったヘッダーイラストをアニメーションにしました。パソコンをカタカタ叩く動きで、作業感増し増しに。なお、ブログの見やすさを考慮し、ヘッダーイラストはこれまでと同様、トップページでのみ表示させています。 acchinosorara.hatenablog.jp ハンバーガーアイコン Before After ページ右上のハンバーガーアイコンを改良しました…

2024/11/21 18:51

ブログカスタマイズの目処が立った

こんにちはです。あっちのそららです。コツコツ進めてきたブログカスタマイズのゴールが見えてきました。作る作る詐欺で引き延ばしてきたキャラクター紹介ページもとりあえず完成。某青い鳥のアイコンをXに変えたり、ヘッダーイラストの使い回しだったにほんブログ村のバナーを新規イラストにしたりと、現行のブログデザインを維持しつつ、所々パワーアップした仕上がりになりそうです。反映の日は近い。最後の難関、そり立つ記事。ビフォーアフターを交えつつ、カスタマイズ内容をコンパクトにまとめて記事にしてこそ、真のゴール。 JavaScriptは重くなるので、極力使わない縛り。 ランキング参加中イラスト

2024/11/10 22:28

ほぼブログカスタマイズについて書いている日記

主にはてブロのCSSカスタマイズについてのメモを書いた日記です。

2024/11/01 01:09

はてなブログ無料版について、収益化やGoogleアドセンスに合格できるかなど気になるあれこれをまとめてみたよ！

こんにちは、ほわほわです。 今日は、はてなブログ無料版に関して気になるあれこれをまとめてみました！ 無料版でできることや気をつけるべきことを、はてなブログ無料版で2年ほど運営していた筆者が右も左も分からない方へ説明するぞ〜って記事です。 よかったら見ていかれて下さいね。 行くぞ〜 はてなブログ無料版でできること ブログのデザインをカスタマイズできる？ Googleアドセンスに合格できる？ 収益化できる？ アフィリエイト Googleアドセンス はてなブログ無料版で気をつけること トップページを作ってはいけない なぜ、はてなブログ無料版から有料版へ？ まとめ はてなブログ無料版でできること 早速…

2024/10/07 12:05

はてなブログ〜目次の作り方〜

※スマホのみの方向けです。 目次を作成するには☜大見出し 1．中見出しの作成・フォント設定 1－1中見出しの作成 1－2中見出しのフォント設定 2．小見出しの作成・フォント設定 2－1小見出しの作成 2－2小見出しのフォント設定 3．各見出しに説明等の肉付け 4．ツールバーで目次作成 目次を作成するには☜大見出し 1．中見出しの作成・フォント設定 1－1中見出しの作成 目次を作成するに当たって、項目を少なくし過ぎると一項目の内容量が多くなり、読みづらくなります。 ステップ毎に書く内容が変わるタイミングで、各項目を作りましょう。（1-2の後に画像あり） 1－2中見出しのフォント設定 中見出しの項…

2024/09/05 23:49

はてなブログ〜ハッシュタグの付け方〜

※スマホのみでブログを書いている方向け ハッシュタグの付け方 まず自分自身がめんどくさがりで、我流でブログ書いてるわけですが・・・ 損したぁぁぁ‼️めちゃくちゃ損してました・・・ スマホ版でもHTML表記出来るからPC版に切り替えることなかったんです。 （画面小さいのにさらに細かくなりますよね・・・） 検索しても難しく書いてる人多いし、我流で書けるだろうって・・・ その結果ハッシュタグの付け方がわかるまで3週間かかりました。 PC画面に切り替えて記事を書く・・・ ・・・ ・・・ だけ‼️‼️‼️ 左下に出てきます‼️ （記事作成後PC画面に切り替え、タグ付け後に公開でもokですが、記事作成中の…

2024/09/05 23:49

はてなブログ〜デザイン（テーマ）変更〜

※スマホのみの方用 今回は初期設定は真っ白な背景から デザイン（テーマ）の変更とカテゴリー一覧の表示を 行いたいと思います✨ まず管理画面でPC版に切り替えます。 左側にあるデザインをタップ💡 次の画面ですでに左に並んでいるのが デザイン(テーマ)なので選びましょう💡 選んだ後は必ず保存して反映させます💡 保存できればスマホマークをタップ💡 左下の詳細設定をタップし レスポンシブデザインにチェックをいれます💡 （このチェックを入れないと スマホ版画面に反映されません） 以上でデザイン（テーマ）の変更は完成です✨ つぎにサイドバーに カテゴリー一覧を表示させます。 まず工具マークをタップ💡 そし…

2024/09/05 23:46

はてなブログ〜目次デザイン変更〜

目次の作り方から知りたい方はこちら takeosusume.hatenablog.com 今回は 目次のデザインの変更をしていきます💡 PC版画面よりデザイン→カスタマイズ→CSSタグ の順に開いていきます💡 CSSタグ部分をタップすると 書き込めるようになります💡 そこにCSSタグを貼り付けるのですが CSSタグをコピー出来るようにしてくれてる 『フジブロっ！さんのCSSタグ一覧』☜tap こちらでお好きなデザインをコピーして下さい💡 CSSタグをコピー出来れば もともと左側の数字1〜7に書かれているタグを消さないように 7の1番後ろにカーソルを合わせ改行します。 すると8が出来ます。もう一…

2024/09/05 23:40

ブログのデザインテーマ変更

去年の11月以来使っていたブログのデザインテーマを変更しました。 今回は、かなりシンプルな公式テーマの "Life" です。

2024/08/27 17:28

【はてなブログ】 目次や見出し等をカスタマイズ

目次・見出しのデザイン変更、マーカー機能、カテゴリーのタイル表示、実際にこのブログでのカスタマイズについて。CSSコードあり。

2024/08/27 17:26

シェアボタンを変えて、関連記事が記事の一番下にくるようにしました：はてなブログ

おはようございます〜！ ブログのちょとしたデザインを変えたので記録として残しておきます〜！ はてなブログのシェアボタンをカスタマイズ もともと備え付けてあるはてなブログのシェアボタン、何であんなにサイズバラバラなんですか？😅可愛くないな～、と思っていろいろカスタマイズ方法を探していました。 はてなブログにきてから、カプチーノというテーマを使わせてもらっているんでですが、このテーマにはもともとシェアボタンのデザインが変えやすいようになっています！ラッキー \ 参考にしました / www.fuji-blo.com ①デザインをクリック ②🔧マークのカスタマイズをクリック → ③ヘッダをクリック ④…

2024/07/15 21:50

初心者がカスタマイズに翻弄されたブログ開設3ヶ月目

これからも宜しくお願いします！

2024/06/25 09:11

楽天ルームの公式ロゴバナーはコレ！ブログへの貼り付け方

楽天ルームの公式ロゴのバナーはあるのだろうか？という疑問があり調べました。どこにあるのかと、ブログへ貼り付ける方法を紹介します。

2024/05/09 11:22

はてなブログでフォントを統一したり変更するカスタマイズ

はてなブログのフォントを変更するカスタマイズを紹介。テーマ「Minimalism」向けのフォントを統一するカスタマイズも紹介しています。

2024/04/15 13:59

はてなブログで太字がスマホで表示されない場合の対処方法

はてなブログのテーマ「Minimalism」では、太字で設定した部分がスマホでは太字にならない現象があります。CSSで対処する方法を紹介しているので、お悩みの方は参考にしてください。

2024/04/15 13:59

はてなブログのテーマUnderShirtカスタマイズまとめ

はてなブログのテーマUnderShirtでおこなったカスタマイズ一覧です。この記事ではトップページと記事内に関するカスタマイズをまとめています。

2024/04/15 13:59

はてなブログの目次カスタマイズ！シンプル・おしゃれ・コピペOK

はてなブログのテーマ「UnderShirt」の目次を、よりシンプルに・自分好みにカスタマイズしました。CSSはコピペOKです。

2024/04/15 13:59

はてなブログのテーマMinimalismカスタマイズまとめ

はてなブログのデザインテーマ「Minimalism」のカスタマイズのまとめ。フォント関連、ヘッダー画像、フッターなど。

2024/04/15 13:58

【はてなブログ-カスタマイズ】スマホ版のグローバルナビゲーションに検索機能を追加する（JavaScript・HTML・CSS対応）

スマホ版のグローバルナビゲーションに検索機能を追加してみました。以前「スマホ版のグローバルナビゲーションを設置する」対応をしています（以下リンク）。 今回はそれに検索機能を追加しました。miya-moto-blog.hatenablog.com元々ページの下の方に検索機能はあったのですが、スマホ版だとそこに辿り着くまで意外と遠いです。 今回の対応で、グローバルナビゲーションからいつでも検索できるようになりました。それではサクッと本題へ。

2024/04/14 18:52

はてなブログカスタマイズの記事まとめ（その8）[CSS、HTML、JavaScript関連]

ブログカスタマイズに関する記事をいくつか投稿したので、まとめてみようと思います。 ちなみにブログカスタマイズの記事まとめは8回目です。これまでのまとめ記事はこちら。 これまでのブログカスタマイズ まとめ記事 ブログカスタマイズの記事まとめ（その1）[CSS/JavaScript/デザインテーマ] ブログカスタマイズの記事まとめ（その2）[CSS/はてなブログ関連/デザインテーマ] ブログカスタマイズの記事まとめ（その3）[CSS/HTML/JavaScript] ブログカスタマイズの記事まとめ（その4）[CSS/HTML/JavaScript/はてなブログ関連] ブログカスタマイズの記事まとめ…

2024/04/11 19:12

ロスパン買ってみた①

おはようございます。DOIC0330です。 【当ブログではアフィリエイト広告などを含みます】 前回記事では誰も興味のない悩みや愚痴をひたすら書きました。 読んで気持ちの良いモノではなかったと思うのにスターや暖かいコメントをいただき、本当にありがとうございました。 顔の見えないブログなのでもしかすると否定的なことも書かれるかな？とか読者さまが離れる、なんてこともあるかもしれないと考えていましたが全くそんなことはなく皆さんの優しさに触れてとても嬉しく思いました。 拙いブログですがこれからも好きなこと、もしかしたら誰かの役に立てることを書いていきたいと思いますのでこれからもよろしくお願いいたします！…

2024/04/06 14:16

【はてなブログ-カスタマイズ】スマホ版で追従する目次を表示する（JavaScript・HTML・CSS対応）

スマホ版で目次を常に表示するように対応してみました。 スクロールの度に目次が追従するようにしています。以前「追従する目次をサイドバーに表示する」対応をしています（以下リンク）。 今回はそれをスマホ対応したような内容です。miya-moto-blog.hatenablog.com上記の対応（PCサイズ）だとサイドバーがあるため、そこに目次を表示するようにしました。 今回の対応（スマホサイズ）だとサイドバーがないため、別の方法で目次を表示するようにしています。今回はその辺りに関して詳しく書いていきます。

2024/04/03 19:05

【はてなブログ】デザインテーマの変更

こんにちは。昨年6月末で定年退職を迎えた独身男性です。お気付きの方もいらっしゃるかもしれませんが、このたび当ブログのデザインテーマを変更しました。

2024/03/22 18:51

【はてなブログ-カスタマイズ】見出しデザインをCSSで変更（4回目）

数日前から適用していますが、見出しのデザインを少し変更してみました。見出しデザインは何度か変更していて、今回の変更で4回目です。 これまので見出し変更の記事は、この記事の最後に関連記事としてリンクしておきます。それではサクッと本題へ。

2024/03/21 19:01

【はてなブログ-カスタマイズ】最新記事（サイドバー）にある「もっと見る」リンクのデザインを変更（CSS変更）

数日前から適用していますが、「もっと見る」リンクのデザインを変更してみました。 「もっと見る」リンクは、サイドバーの最新記事に表示されているものです。「もっと見る」リンクがだいぶ簡素だなと思い、変更してみました。 ちょっとした変更なのですが、良い気分転換になりました。それでは本題へ。

2024/03/19 18:55

【はてなブログ-カスタマイズ】右下に固定表示している「トップへ戻る」「HOME」ボタンのデザインを変更（HTML・CSS変更）

数日前から適用していますが、「トップへ戻る」「HOME」ボタンのデザインを変更してみました。 右下に固定表示しているボタンです。以前も「トップへ戻る」「HOME」ボタンは変更しています。 以下の記事で詳しく書いています。miya-moto-blog.hatenablog.com変更前はアイコンだけだったのですが、それぞれのボタンに名称を付け足してみました。他のサイトでもよく見かけるので、アイコンだけでどんな機能か示せている認識でいます。 ただちょっと変化をつけたいなと思い、カスタマイズしてみました。それでは本題へ。

2024/03/17 19:12

【はてなブログ-カスタマイズ】グローバルナビゲーションの不具合対応（z-index）（CSS対応）

以前、グローバルナビゲーションのデザインを大幅に変更しました。変更内容の詳細は以下の記事に書いています。 miya-moto-blog.hatenablog.com 上記の変更からしばらくして、グローバルナビゲーションに不具合があることに気付きました。 ちょっとした不具合なのでササっと修正してお終いにしても良かったのですが、せっかくなので不具合対応の内容を記事にしてみようと思います。 それでは、どんな対応をしたか書いていきます。

2024/03/12 18:54

はてなブログカスタマイズの記事まとめ（その7）[アイコン、HTML、CSS関連]

ブログカスタマイズに関する記事をいくつか投稿したので、まとめてみようと思います。 ちなみにブログカスタマイズの記事まとめは7回目です。これまでのまとめ記事はこちら。 これまでのブログカスタマイズ まとめ記事 ブログカスタマイズの記事まとめ（その1）[CSS/JavaScript/デザインテーマ] ブログカスタマイズの記事まとめ（その2）[CSS/はてなブログ関連/デザインテーマ] ブログカスタマイズの記事まとめ（その3）[CSS/HTML/JavaScript] ブログカスタマイズの記事まとめ（その4）[CSS/HTML/JavaScript/はてなブログ関連] ブログカスタマイズの記事まとめ…

2024/03/01 18:50

【はてなブログ-カスタマイズ】見出しデザインをCSSで変更（3回目）

数日前から適用していますが、見出しのデザインを少し変更してみました。見出しデザインは何度か変更していて、今回の変更で3回目です。 これまでの見出し変更の記事はこちらです。miya-moto-blog.hatenablog.commiya-moto-blog.hatenablog.comそれではサクッと本題へ。

2024/02/26 18:46

【はてなブログ-カスタマイズ】グローバルナビゲーションのデザインを大幅に変更してみる（CSS変更）

数日前から適用していますが、グローバルナビゲーションのデザインを大幅に変更してみました。自分のブログに適用しているのは「Silence」というデザインテーマです。 このデザインテーマ「Silence」の追加カスタマイズとして、グローバルナビの設置が可能です。Silenceで用意されているカスタマイズなので、手順に従うだけでお手軽にグローバルナビが設置できます。 当初はこれで満足していたのですが、徐々に自分なりのカスタマイズをしていくうちに全部イチからグローバルナビを作成したくなりました。ということで、イチから作成した内容が今回の記事となります。それではサクッと本題へ。

2024/02/17 19:20

【はてなブログ-カスタマイズ】スマホ版グローバルナビゲーションのデザインを変更してみる

数日前から適用していますが、スマホ版のグローバルナビゲーションのデザインを少し変更してみました。 直近のブログカスタマイズはアイコン関連のものが多く、今回の記事もその流れです（直近のアイコン関連の対応は以下リンクにて）。 直近のブログカスタマイズ グローバルナビゲーションのデザインを変更してみる グローバルナビゲーションのアイコンを変更してみる（Font Awesome） サイドバーのアイコンを変更してみる（Font Awesome） せっかくFont Awesomeのアイコンが使えるというのと、スマホ版にもアイコンを使える余地があったなということで、変更してみた次第です。 それではサクッと本…

2024/02/14 19:03

【はてなブログ-カスタマイズ】サイドバーのアイコンを変更してみる（Font Awesome）

数日前から適用していますが、サイドバーのアイコンを変更してみました。 今回の変更は、2日前のグローバルナビゲーションのアイコン変更と同じような感じです。miya-moto-blog.hatenablog.comせっかくFont Awesomeのアイコンが使えるので、サイドバーのアイコンも変更してみようと思った次第です。それではサクッと本題へ。

2024/02/11 18:54

【はてなブログ-カスタマイズ】グローバルナビゲーションのアイコンを変更してみる（Font Awesome）

数日前から適用していますが、グローバルナビゲーションのアイコンを変更してみました。 グローバルナビゲーションは何日か前にもデザインを変更しています。 miya-moto-blog.hatenablog.com 上記記事の対応は概ね満足しているのですが、それっぽいアイコンがなかなか見つからなかったのが心残りでした。 今回はその心残りに対応した内容となります。 それではサクッと本題へ。

2024/02/09 19:12

はてなブログカスタマイズの記事まとめ（その6）[CSS、デザインテーマ関連]

ブログカスタマイズに関する記事をいくつか投稿したので、まとめてみようと思います。 ちなみにブログカスタマイズの記事まとめは6回目です。これまでのまとめ記事はこちら。 これまでのブログカスタマイズ まとめ記事 ブログカスタマイズの記事まとめ（その1）[CSS/JavaScript/デザインテーマ] ブログカスタマイズの記事まとめ（その2）[CSS/はてなブログ関連/デザインテーマ] ブログカスタマイズの記事まとめ（その3）[CSS/HTML/JavaScript] ブログカスタマイズの記事まとめ（その4）[CSS、HTML、JavaScript、はてなブログ関連] ブログカスタマイズの記事まとめ…

2024/02/05 19:16

【はてなブログ-カスタマイズ】グローバルナビゲーションのデザインを変更してみる

数日前から適用していますが、グローバルナビゲーションのデザインを少し変更してみました。変更した理由は、なんとなくの気分です。グローバルナビゲーションは全ページに共通するため、少しの変更でも意外と影響が大きく感じました。それではサクッと本題へ。

2024/02/03 18:55

感動！！！カテゴリーの階層化に成功！

いやぁ、、、、かなり嬉しくって移住記事の前に投稿しちゃいます！ カスタマイズが全然できなくてもうblog記事は最低限書けるし諦めようかなと思ってい たのです。でも、やっぱり他のきれいに作っている方のを見ると羨ましくなり色々探し ては試していたのですがやっぱり全然できず。 もうこれを試してダメだったら本当に諦めようと思って試してみたら出来ました！ 見てください！！！ 赤の破線マークの所カテゴリーの階層化ができてます！ blog初心者にはハードルが高かったです・・・ 失敗ばっかりだっただけに小躍りするほど嬉しい（笑） カスタマイズでカテゴリーの階層化で私のようにお困りの方はこちらの方のblogをご…

2024/01/29 00:21

【はてなブログ-カスタマイズ】画像ホバー時に強調表示する（CSS変更）[半透明/少し拡大/縁取り]

数日前から適用していますが、画像ホバー時（マウスを乗せた時）に強調表示するようにしてみました。色々なサイトを見ていると、画像ホバー時にデザインが変化するサイトをたまに見かけます。 それを自分のブログでもやってみたくなったので試してみました。ちなみに何案か作成しており、見送った案も含めて書いていきます。それではサクッと本題へ。

2024/01/22 19:15

【はてなブログ-カスタマイズ】囲み枠、目次、蛍光マーカーのデザインをCSSで変更

数日前から適用していますが、「囲み枠」「目次」「蛍光マーカー」のデザインを少し変更してみました。少し前に見出しのデザインを変更して、それによって他のデザインも気になってきて変更してみた次第です。関連記事【はてなブログ-カスタマイズ】見出しデザインをCSSで変更どの変更も色合いを調整したくらいのものですが、せっかくなので変更した内容を書いていこうと思います。それではサクッと本題へ。

2024/01/06 18:56

【はてなブログ-カスタマイズ】見出しデザインをCSSで変更

数日前から適用していますが、見出しのデザインを少し変更してみました。実は、以前も見出しデザインを変更したことがあります。 なので、今回は2回目の変更となります。miya-moto-blog.hatenablog.com上記の変更が2023年5月みたいです。 半年くらいは上記の見出しデザインだったということですね。で、今回なぜ変更したかというと、何となくです。 「気分転換に見出しでも変えてみようかな」くらいの感じです。それでは、どんな変更をしたか書いていきます。

2024/01/03 19:12

【はてなブログ】蛍光ペン風マーカーの設定方法

みなさん、こんにちは。 ブログを始めてしばらくすると、自身のブログのデザインをあれこれイジってみたいと思ってきますよね。いろんな方のブログを読んでいると、自身のブログでも取り入れてみたいなぁと思うデザインを沢山目にします。 そんな僕も、ブログ運営されている先人の知恵をお借りして（公開しているデザインのコードをコピーさせてもらって）少しでも見栄えが良くなるように、ちょとずつアップグレードしています（少しずつですが（汗）） そこで、今回はいろんなブロガーさんがされている「蛍光ペン風マーカー」を使えるようにする方法をご紹介したいと思います。 蛍光ペン風マーカーとは 設定方法 ステップ1 ステップ2 …

2023/12/16 14:58

【はてなブログ】フッターにコピーライトを表示させる方法（カスタマイズ）

みなさんこんにちは。 はてなブログを運営していると時間が経過していくにつれて、色々なカスタマイズをして見栄えを良くしたくなりますよね。 今回は、ブログの一番下フッターにデフォルトで配置されている簡単なブログ名？みたいなのがあると思うんですが、それを非表示にして”できるブログ感”を出していこうと思います。 何をしたいのか フッター 非表示の方法 ステップ1 ステップ2 ステップ3 コピーライトとは コピーライトの設定方法 ステップ1 ステップ2 ステップ3 表示されたコピーライトのカスタマイズ ステップ1 ステップ2 ステップ3 さいごに スポンサーリンク // 何をしたいのか ます、ブログの一…

2023/12/14 18:09

【はてなブログ】定型文に読者登録ボタンを設定して任意の場所に表示させる方法

みなさんこんにちは。 以前、はてなブログで使える便利な定型文の作り方と言う記事を書いたのですが、今回はその応用編ということで「読者登録ボタン」の設置方法をご紹介したいと思います。 定型文の作り方はこちらから⤵ chacha-cat.hatenablog.com はてなブログには読者登録ボタンがありますよね。 トップページのプロフィール欄に読者登録ボタンを表示している方は多いと思うのですが、各記事ごと任意の場所に読者登録ボタンが設置できたら嬉しいですよね。 有名ブロガーさんになると、わざわざ読者登録を促さなくても自然と登録してもらえると思うのですが、僕のような弱小ブロガーは積極的にきっかけを作ら…

2023/12/14 18:09

【はてなブログ-カスタマイズ】サイドバーの画像サイズを修正

以前、サイドバーの画像サイズを調整したのですが、スマホ版の表示がちょっと変な感じになっていました。 ※スマホ版の表示なので厳密にはサイドバーではなく、記事の下の方の最新/関連/注目記事の画像サイズです。サイドバーの画像サイズ調整に関しては、以下の記事で書いています。関連記事【はてなブログ-カスタマイズ】サイドバーの最新/関連/注目記事の画像サイズを調整画像サイズは2か月くらい前に調整したのですが、変な感じになっていたのに今さら気付きました。どんな感じで変なのかは後ほど詳しく書きますが、CSSでサッと修正できたのでラッキーでした。それでは、どんな対応をしたか書いていきます。

2023/09/13 18:51