カスタマイズCSS

簡単！CSSコピペでできる「マーカー」の設定 はてなブログの記事を作成するとき、本文を太字で強調したり、マーカー（蛍光ペン風の下線）を使って文字装飾したい時がありますよね。 CSSコードを使うと簡単に蛍光ペン風の下線（アンダーライン）の文字装飾を使えるようになりますよ。 「CSSってなに？」という人もいると思いますが、ご安心を。 この記事では、蛍光マーカー（蛍光ペンの下線）のCSSコードをコピペして、はてなブログの本文で文字装飾を簡単に利用できるようにしました。ぜひ参考にしてください。 ブログ記事の本文で「マーカー（蛍光ペンの下線）」を使うと、記事の表現の幅が広がって便利ですよ。 なお、文字に…

Google AdSense合格者９人目の方の部分でカスタマイズについて触れたので軽くご紹介！ ※リンクを貼るために作成しました（笑） 私が愛用しているHTMLカスタマイズ３選になります！ コピペで使える他のサイトもたくさんあるのでお好みのものをぜひ見つけてみてください！ オレンジ色枠 使用したい方は下記をコピペ！ 赤色枠 使用したい方は下記をコピペ！ テープ付き付箋 使用したい方は下記をコピペ！ 簡単使用方法説明 ①「使用したい方はコピペ」部分のコードをコピー ②「HTML編集画面」に移動 ③「HEML編集画面」に「貼り付け」 ④「編集みたまま」に戻る まとめ オレンジ色枠 ◆この記事はこん…

どうもしっくりこなかったのでデスクトップ版のブログヘッダーをカスタマイズしてみました。 デザインテーマはMinimalismをベースにしているよ。 赤丸部分をカスタム。 左側にブログタイトル、右側にグローバルナビゲーションへ、よくあるヘッダーになります。 HTMLは「デザイン」→「カスタマイズ」→「ヘッダ」→ブログタイトル下の空欄に記述したら反映されるようです。 とりあえずヘッダーを新たに追加。※コピペオッケーです <header class="header" id="header-wrap"> <h1 class="header-logo"> <a href="/"> <img src="任…

こんにちは。 はてなブロガー夫婦のよつば（妻）です(*^-^*) ブログ初心者 ブログのヘッダー画像を変えたい！サイズと設定方法を知りたいな。 ブログタイトルが入るヘッダーは，ブログの表紙みたいなもの。 こだわりのあるものを作りたいですよね。 今回，旦那ブログ（Minimalism）のヘッダーを変更した体験をもとに はてなブログのヘッダー画像の貼り方（設定方法） はてなブログヘッダーの最適サイズは？ スマホで見ると画像が見切れてしまう問題，どうする？ これらについて，実際行ったやり方をメモしておきます。 画像を貼るだけのシンプルなやり方なので，簡単ですよ。 これからヘッダーを作る方はぜひ試して…

少し前に「codocの投げ銭機能」を導入して、やっとデザインのカスタマイズもできたので、導入方法とカスタマイズ方法をご紹介します。 投げ銭機能の導入方法 codocでの設定手順 はてなブログでの設定手順 カスタマイズ方法（CSS） 注意点：『!important』は消さない (adsbygoogle = window.adsbygoogle || []).push({}); 投げ銭機能の導入方法 codocでの設定手順 codoc | WEBメディアのためのコンテンツ販売サービス コードクにアクセスし、必要項目を記入して登録をする（スマホ・パソコン、どちらからでも利用可能）。 登録が完了すると…

更新日の表示（はてな公式設定） こんにちは。はてなブログも4年目のしゅーれいです。 はてなブログ公式から「記事の最終更新日を表示する」機能ができたと発表があったので、今までHTMLでいじっていたものを公式に変更してみました。 使っているテーマは「smooth」。 設定の仕方は以下のはてなブログヘルプのとおりです。 help.hatenablog.com 今までの更新日表示方法 HTML CSS 注意点：過去の記事更新には反映されない 今までの更新日表示方法 自分の過去の記事をもとに、今の更新日表示方法を確認。 ブログ初心者の人には、カスタマイズを記録しておくことを強くオススメします。 カスタマ…

AddThisサービス終了 こんにちは！2019年からブログやっているしゅーれいです。 シェアボタンを設置するのにAddThisというサービスを使っていたのですが、2023年5月31日でサービス終了してしまいました…… AddThisサービス終了のお知らせ 表示されてなくて初めて気が付いたよ...... というわけで、シェアボタン設置しなおしました。 代替サービスが発見できなかったので、サービスを使わないシェアボタン設置方法に変更しました。 はてなブログはカスタマイズを記事にしてくれる方がたくさんいらっしゃるので、ありがたいです。先人の知恵に感謝。 まずAddtihsのコードを消す サイトより…