【初心者向け】はてなブログのカスタマイズや設定手順、コピペでできるコードなど〜まとめ〜

「はてなブログ」のカスタマイズ方法や設定の手順をまとめました。（別ブログからの順次記事移行中です…しばしお待ちを。リンクがあるところは読めます。）はじめにはてなブログ・コピペでできるカスタマイズはてなブログのサービスについてブログを書…

2021-07-19

【2021年7月】はてなブログの右上の「読者になる」ボタンを非表示にする方法

「はてなブログ」あけたら、なんか右上に「読者になる」ボタンが表示されてて、デザインも崩れるし、若干ウザい。右上のこれ↓ これは何かのバグ？？とりあえず、いらないんですけど… と思って非表示にする方法を掲載しましたので、ご参考にしてくださいね(^…

2021-02-02

【はてなブログ】目次のカスタマイズおしゃれにかっこよく！（コピペで簡単＆解説付き）

はてなブログ HTML-CSS-デザイン

「はてなブログ」は、クリックひとつで目次を挿入してくれる便利な機能がありますよね！ ↓↓これです。でも、この目次って少し見にくくありませんか？？？テーマにもよりますが… デフォルトこんなの↓ そこで！はてなブログの目次をかっこよく＆オシャレに＆…

2021-02-01

はてなブログ目次を自動で開閉式にする方法 - jQuery コピペOK（目次の表示/非表示切り替え）

はてなブログ HTML-CSS-デザイン Javascript

はてなブログの目次のカスタマイズ★についてはこちらで解説していますが、今回はjQueryを使って自動で開閉式にする方法です。開閉式とは、↓↓これです！このカスタマイズの特徴１）どのテーマでも大丈夫！２）自動的に開閉式にできる！目次の表示切り替え…

2021-01-21

はてなブログ目次をCSSだけで開閉式にする方法コピペOK（目次の表示/非表示切り替え）

はてなブログ HTML-CSS-デザイン

はてなブログの目次のカスタマイズ方法はこちら★で解説していますが、今回は目次を開閉式にする方法です。 ↓↓これです！この記事の目次このカスタマイズの特徴１）どのテーマでも大丈夫！２）記事によって決められる！目次の表示切り替えのコード（CSS…

2019-03-18

【はてなブログ】ヘッダー下におすすめ記事やアイキャッチを並べて表示するカスタマイズ方法

はてなブログ SEO-アクセスアップ HTML-CSS-デザインブログ運営

自分のブログを訪れてくれた人に読んでもらいたい「おすすめ記事」をトップページのヘッダー下に表示する方法です。ブログは日々新しい記事が更新されるので、読んでもらいたいイチオシ記事も埋もれてしまいがちです。★★「はてなブログ」では、トップページ…

2018-10-19

スマホのボトムメニューCSSコピペでOK！【レスポンシブ】フッターメニュー、ボトムナビゲーションでアクセスUP！

HTML-CSS-デザイン

スマホ用のフッターに固定する「ボトムメニュー」のCSSを紹介します。HTMLとCSSをコピペするだけで出来るので、ぜひ試してみてください。「レスポンシブ」にする方法は、PCの時は表示しない↓↓をご覧ください♪♪ ボトムに張り付く固定メニューバーの設置方法 …

2018-10-19

iPhone Xのセーフエリアとは？表示が画面下のホームバーと被る時の対処法（CSSのみで対応可）

HTML-CSS-デザイン

★今回はブログやサイトのiPhone X 画面の対応に関して★ CSSで画面の被りを解消する方法「iPhone X」の画面の構造セーフエリアの考え方 ①METAタグで「セーフエリアあるよ」と教える！ ②次も簡単！CSSでセーフエリアまで底上げすれば良いはてなブログの人は…

2018-10-14

【レスポンシブ】固定グローバルナビゲーションの設置方法 | コピペで簡単！ブログのアクセスが倍増！

HTML-CSS-デザインブログ運営

画面上部に固定するグローバルナビゲーションのCSSとHTMLを公開しています。常にユーザーの目に入るところに設置することにより、回遊率やユーザビリティが向上し、SEO対策にも有効です。階層メニューにも対応。CSSのみで動いているので作動も重くならずス…

2018-08-18

名前変換「ドリーム小説」コード★無料＆簡単コピペでOK！ページ上で文字列を置き換えるスクリプト[ javascript ]

Javascript HTML-CSS-デザイン

自作の名前変換小説などに使える簡易スクリプトを紹介します♪♪ ページ上で任意の文字列を入力してもらい、元々の文字列からそっちに変更できるって言う、名前変換小説などに使えるスクリプト。私の文章力では説明が難しいので実際に見てもらおう↓↓ テストし…

2018-08-01

特定のページだけにCSSを適用する方法★body内にstyleでCSSを直接書き込むことはできる？！

HTML-CSS-デザイン

自分用の備忘録です。色々調べても、あまりコレ！っていう記述が見つからなかったので、誰かのお役に立てればと思いこちらに公開します♪♪ <body>内に<style>~</style>を書いて、その中に直接CSSを記述できるか？通常はCSSは<head>内に記述するか、外部から読み込む特定のページにだけC</head></body>…