monoのメモ帳

HTMLとCSSを勉強しながらはてなブログをカスタマイズ中です。

はてなブログで記事のタイトルとURLをコピーするボタンを設置する方法の備忘録

※自分用の備忘録として記録している記事です。 WordPressを利用されている方のブログによく設置されている「記事のタイトルとURLをコピー」するボタン。 記事のタイトルとURLをコピーするボタン わたし個人はこのボタンを使い勝手がわからずに全く使っていな…

AI Programmer(日本語で指示を出すだけでコードを自動生成)がすごい

Twitterで話題になっていた日本語で指示を出すだけでコードを自動生成してくれる『AI Programmer』。 AI Programmer 現在プロトタイプが無料で公開されていて、言語を選択してAI Programmerに書かせたいコードの処理内容を入力するだけで、コードを自動生成…

游ゴシック体がWindowsで擦れる時のフォントファミリーの設定方法

CSS

ブログのフォントファミリーに「游ゴシック体」を使いたいと設定していたのですが、どうも、Windows の Chrome や Edge で閲覧すると文字が擦れて読みにくいので、対処法について考察してみました。 游ゴシックとは Windows の Chrome や Edge で文字が見に…

はてなブログのAmazon商品紹介のボタンの色を変える方法

はてなブログでは、Amazonアソシエイトに参加している人ならだれでも簡単に、Amazon商品紹介という機能を使ってAmazonの商品リンクをブログに貼ることができます。 はてなブログにAmazonアソシエイトの設定をしよう Amazonのブランドカラー はてなブログのAm…

はてなフォトライフで画像をアップロードする方法

はてなブログをカスタマイズしていると、ヘッダーに大きめの画像を使いたいときや、プロフィール欄の画像を大きくしたいときなどに、「はてなフォトライフ」に画像をアップロードする場合があります。 関連記事:【ツール】はてなブログのプロフィールをカス…

はてなブログのテーマづくり フッターの幅を100%にする

前回の続き 過去記事:はてなブログのテーマづくり 1カラムレイアウトにする - monoのメモ帳 フッターは横幅100%にしたいので、 501行目当たりのこの部分を /* container */ #container, #footer { padding-left: 10px; padding-right: 10px; } @media (min-…

はてなブログのテーマづくり 1カラムレイアウトにする

自分用のテーマを作ってみてテーマづくりがとても楽しかったので、ほかの人にも使ってもらえるようなテーマを作ろうと模索中です。 1カラムレイアウトにしてみる 公開するかどうかはわかりませんが、テーマづくりを進めていく履歴をメモ書きとして残しておこ…

【ツール】はてなブログのプロフィールをカスタマイズ

はてなブログのサイドバーにあるプロフィール欄をシンプルなデザインに変更したかったので、コピペで作成できるツールを作ってみました。 はてなブログのプロフィールをカスタマイズする手順 手順1 CSSを設定する 手順2 HTMLを設定する 入力項目について補足…