yunico's fluffy life

横着主婦の暮らしの詰め合わせ

ブログのこと

ブログが重すぎて困ったゆえ、ただいま改装中です。今月の残りはカスタマイズとリライトに捧げる!

数日前から、ブログ表示速度のもたつきが気になって「ちょっとコードを見直して修正するか」なんて軽い気持ちでカスタマイズを始めたら、まぁ終わらない(いつものこと)。結局、まるっと大規模にいじっています。 それに伴い、一部のデザインやレイアウトが…

はてなブログで『タブ切り替え』を実装【コピペOK!】|HTMLとCSSで作れます。タブを増減するのも簡単⟡.·

ブログ記事の中に使える『タブ切り替え』をHTMLとCSSで実装してみました。タブを使うと情報整理がしやすくなります。 複数のカテゴリーやコンテンツを分類することで ユーザーが情報に素早くアクセスできる。 小スペースに様々な情報を書き込める。 このよう…

さっぱり意味の分からない話かもしれないけど、気になったからにはしゃーなし( ˘ω˘ )アイコンを変更した話。

去年の6月から使っていたプロフィールのアイコンは画像生成AIちゃんに「ショートヘアの女性がケーキを作っているのを眺めている猫、線画」と頼んで作ってもらったものです。 旧アイコン画像素朴な猫ちゃんが描かれていて、とっても気に入っていたのですが「…

はてなブログのカスタマイズ一覧¦これまでのカスタマイズ記事をまとめました(随時更新)

これまでにご紹介した、はてなブログのカスタマイズ方法をまとめました𓂃✍︎ブログのデザインに独自性を持たせることは ユーザーが記事を読みやすくなる。 ユーザーが目的の情報に辿り着きやすくなる。 ユーザーの滞在時間や回遊率が上がる。 SEO(検索エンジ…

『手作りするの、好き』というグループができました!¦何かを作るのが好きな方、ぜひ参加してみてね。

はてなブログのグループを作ってみました。お菓子作りが好きだからお菓子のグループ パン作りが好きだからパンのグループ 雑貨作りのも好きだから雑貨のグループ ・ ・ ・ と、気になるグループが無限に出てくるので、それらをギュギュッとまとめて『手作り…

無料はてなブログでアーカイブページのリダイレクトは規約違反になるからやったらダメだよってお話。

カテゴリ『ブログカスタマイズ』の中で、特に人気な記事はこちら。yunico-fluffylife.comこれまで「無料版でも表示がスッキリしました」と何度かブログ言及もいただき嬉しいかぎりです·͜·さて、上記の記事を読んでくれた方がとあるメールをくださいました。 …

はてなブログのエラーページをオリジナル仕様にカスタマイズ¦画像入りの404ページの作り方!

404エラーページをオリジナルにカスタムすることで、ユーザーのページ離脱率を減らせるかもしれません。今回は『ブログにエラーが出てしまっても読者さんにページ回遊を促すことができるかもしれない』そんなカスタマイズ方法をご紹介します。 この記事に書…

HTMLだけで作る囲み枠・ボックス装飾¦CSSを使わずに、コピペですぐに使えます!

以前、CSSとHTMLで作る囲み枠(ボックス装飾)についての記事を書きました。 その記事はこちらyunico-fluffylife.comそこで上記のコメントをいただきました。 /ありがとうございます·͜·\前回の記事に『記事の中でCSSコードを使う方法』を追記しましたが、…

コピペで使える!囲み枠(ボックス装飾)¦ブログで使いやすいデザインを厳選しました¦HTML・CSS

ウェブサイトで囲み枠(ボックス装飾)を使用すると、視覚的な整理をすることができ、ページがより読みやすくなる場合があります。 囲み枠を使うメリット コンテンツをグループ化できる。 情報の優先順位を伝えやすくなる。 ページの内容にメリハリができる…

Twitterのアイコンフォントを一度に全て𝕏に変えるCSSコード¦はてなブログ用、Font Awesomeどちらも対応

TwitterがXに変わって、ブログのリンクに使っている鳥さんのアイコンフォントも新しいものに変えなきゃなぁと思いつつ、そのままの状態で早5ヶ月。すぐに変えなかった理由は、新しいアイコンフォントのコードが分からなかったから՞鳥のマークだった頃は【は…

はてなブログのトップページに雪を降らせるカスタマイズ(コピペでOK!)¦冬に使えるおしゃれデザイン❄

ブログのデザインって大幅に変えるのは大変だし、一度設定したら長いことそのままになることが多いですよね。季節によって少しだけ手を加えて、ブログの雰囲気を変えられたらお手軽だと思い、今回のデザインを考えてみました!このカスタマイズをすると、こ…

アドセンスに『シンガボールの税務情報』の提出を求められた時の対処法¦居住者証明書の取得方法

11月下旬、Googleアドセンスの画面に赤背景のお知らせが出てきました お支払いが遅れることなく、税金の源泉徴収も適切に行われるようにするために、できる限り早急にシンガポールの税務情報をご提出ください。 とのこと。 シンガポールに住んでいる方が広告…

他人のYouTube動画を勝手にブログに貼り付けてもいいの?はてなブログでの動画の埋込み方法も。

他人が投稿したYouTube動画をブログに貼り付けてもいいの?著作権などの問題にならないかを規約を噛み砕いて解説。はてなブログでの埋め込み方法もご紹介。

ブログのネタがない!書きたいことが思い浮かばない時の対処法を考える。

ここは雑記ブログだから「自分の好きなことを好きなように書いていこう」とは思うものの、お菓子作りをしたことを書く時がもっとも筆が乗る気がしています。特にレシピ覚書を残す時は書くことが明確に内容が決まっているのでサクサク文字起こしができます。…

【hatenablog-parts.com】って何?ここからアクセスがあるのは回遊率が上がっているからかも。

先日、はてなブログのアクセス解析を見てみると、知らない場所からアクセスがあることが判明。画像左側、水色の部分ですね。 『hatenablog-parts.com』という、聞いたことないところからアクセスがあるようです。コピペしてURLとして検索してみるもエラーペ…

ステマ規制┃アフィ広告を貼っている場合は対策必須┃はてなブログでの対策方法(コピペでOK)

check!2023年10月1日からステマ規制が施行され、アフィリエイト広告を利用している人はページの見やすい箇所に、PR/広告だと分かる表記をすることが必須となりました。この記事では、ステマ規制について分かりやすく説明し、はてなブログでできるカスタマイ…

はてなブログ┃アドレスバー(URLバー)の色を変更する方法《コピペで超簡単》

スマホでウェブサイトを見ている時、アドレスバー(URLが載っている部分)の色が他と違うページがあります。「ブログ全体のカスタマイズは難しい」と感じている方も、簡単に色を変えることができます。はてなブログでの設定方法を書いていますが、WordPress…

はてなブログにcodoc(コードク)の投げ銭機能の導入方法と、デザインのカスタマイズ┃コピペでOK!

はてなブログでcodocの投げ銭機能の導入方法と、デザインのカスタマイズ方法をご紹介!コピペで簡単に、お好みのデザインに変更することが出来ますよ♪

はてなブログの最終更新日を設定して、カスタマイズ(コピペで使えるCSS)

はてなブログに【最終更新日の表示】を設定する新機能が実装されました!最終更新日の設定方法とデザインのカスタマイズ方法をご紹介します。

もしもアフィリエイトの『かんたんリンク』をスマホでも横長にしてスッキリ見せる方法(コピペOK!)

はてなブログに貼る、もしもアフィリエイトの『かんたんリンク』 スマホでも横長に表示され、見やすくする方法をご紹介しています。

無料はてなブログでも記事を一覧形式にする方法┃設定は一度きりで、コピペOK!

はてなブログのトップページに表示される記事の一覧は【全文形式】と【一覧形式】があります。 全文形式1つの記事の全文が表示される。 一覧形式タイトルだけ表示された記事が並ぶ。 皆さんはどちらに設定していますか?個人的には一覧形式の方が読みたい記…

はてなブログを収益化┃アドセンスに合格できる『読まれるブログ』の作り方┃ポイントは3つ!

はてなブログを始めて2ヶ月でアドセンス合格。アドセンスに合格しやすくなる「誰でも今すぐできるコツ」を5つご紹介します。

はてなブログカスタマイズ┃スマホから見た時のデザインを変更する方法(レスポンシブデザインの設定)

はてなブログをスマホから利用されている方も多いと思いますが、デフォルトデザインのままでは、ブログオーナーの個性や好みを反映させることができません。この記事では、はてなブログのスマホ版デザインを反映して、さらにカスタマイズする方法を詳しく解…

ChatGPT┃ブログで使う表(テーブル)をAIに作ってもらったら、作業効率が爆上がりした話!

ブログに表(テーブルタグ)を使うのは 情報の整理と可視化するため 比較と対照をわかりやすくするため に役立ちます。 私はレシピを書くのにも表テーブルを活用しています。 ChatGPTとは 表の作成をChatGPTにお願いする 私が実際に行ったやり取り レシピ表…

ブログの見出しに改行が入ってズレる問題!任意の場所を改行してスッキリ表示させる方法┃目次の挿入方法

ブログを書く時に「見出し」を活用されていますか?内容のボリュームが多い場合は、見出しと目次を付けると、読みたい項目が一目で分かるので、更に便利になります。 見出しの付け方 大見出しはたまにズレ込む 見出し内に改行を入れる方法 Enterでは改行でき…

はてな記法で簡単に表を作る方法と、デザインカスタム(コピペOK!)

私はいつも「はてな記法」でブログを書いています。今回ははてな記法で簡単に表を作る方法をご説明します。 超簡単に表を入力する方法 デザインを変更する バーティカルバーの出し方 (adsbygoogle = window.adsbygoogle || []).push({}); 超簡単に表を入力す…

アドセンスの権限消失┃使わないアカウントを削除したら、アドセンス権限が無くなって、振り出しに戻った話

作成も削除も簡単なGoogleアカウント。複数のアカウントを使い分けている人もいるのではないでしょうか。私も複数のアカウントを所持しています。今日はGoogleアカウント関連で起きた大失敗について書き残しておこうと思います。 今後、使用しないと思ったGo…

はてなブログの検索窓をカスタマイズ┃表示位置とデザインを変更する方法(コピペで実装!)

はてなブログの検索窓は、デフォルトでサイドバーに配置されています。スマホから見るとページの下の方に表示されます。これはサイドバー全体がごっそり記事下に表示されるため。検索窓はなるべく分かりやすい位置にあるのが個人的に理想なので位置を変えて…

Googleアドセンス┃ブログ収益化の第一歩!思い出に合格までの流れを記録しておこう。

はてなブログを開設して2ヶ月が過ぎ、目標の1つだった「Googleアドセンスに合格」を達成することができました。自分の力でブログを収益化するという第一歩が踏み出せたことがとても嬉しい。せっかくなのでアドセンス合格までのブログ運営の道のりについて記…

はてなブログカスタマイズ┃コピペOK!デザインによって1つしか表示されないカテゴリを全表示させる方法

はてなブログで選んだデザインテーマによって、カテゴリが複数選ばれていても、表示されるカテゴリは1つだけという設定がされている場合があります。この記事では、選択したカテゴリを全て表示させる方法をご紹介します。 はじめに コードの使い方 コピペOK …