monoのメモ帳

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

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

CSS

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

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

はてなブログでは、Amazonアソシエイトに参加している人ならだれでも簡単に、Amazon商品紹介という機能を使ってAmazonの商品リンクをブログに貼ることができます。 デフォルトのAmazon商品紹介 Amazon商品紹介のボタンは、デフォルトではグレーで、ボタンの…

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

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

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

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

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

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

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

はてなブログのサイドバーにあるプロフィール欄をシンプルなデザインに変更したかったので、コピペで作成できるツールを作ってみました。 この方法は、サイドバーのHTML編集を使ってプロフィール欄を自作する方法です。 やりたいこと プロフィール欄をシンプ…

トップへ戻るのボタンをHTMLとCSSのシンプルなものに変更|はてなブログカスタマイズ

前回は、JavaScriptを使ってブログのトップへ戻るのボタンを作ったのですが、buttonタグを使ってトップへ戻るのボタンを作ると、buttonタグには文字が必要というエラーが出てきてしまうことに気づきました。 過去記事:トップへ戻るのボタンを作る|はてなブ…

記事下のSNSシェアボタンを作ってみた|はてなブログカスタマイズ

はてなブログでは、記事下にSNSボタンが管理画面から簡単に設定できますが、オリジナルのものに変えてみました。 出来上がりのイメージ やりたいこと はてなのwebアイコンを使って軽くしたい カウント数の読み込みは不要 関連記事とSNSボタンの位置を変更 デ…

掲載しているコードについて

当ブログでは、カスタマイズを行なっていく上で、HTMLやCSSなどのコードを掲載しています。 自由にコピペしてご利用いただいても構わないのですが、利用しているテーマなどによってはうまくいかない場合もございます。 また、コードを利用して不具合が生じた場合でも一切の責任は負いかねますので、その点はご理解、ご了承いただきますようよろしくお願いいたします。