yunico's fluffy life

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

トップ画像

SCROLL

ブログのこと

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

はてなスターを復活させてみました𖤐¦スター再開の理由や心境の変化など

すでにお気づきの方もいらっしゃると思いますが、1月1日から『はてなスター』の表示&私自身もスターを押すことを再開しています𖤐 ̖́-‬今日は去年の9月から非表示にしていたスターを再び表示するようにした理由について書いていきます。 (adsbygoogle = wind…

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

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

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

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

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

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

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

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

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

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

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

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

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

2023年10月1日からステマ規制が施行され、アフィリエイト広告を利用している人は【ページの見やすい箇所に、PR/広告だと分かる表記をする】ことが必須となります。 こんなことが書いてあります ステマ規制とは?超簡単に説明。 個人ブロガーも対策が必要なの…

【カスタマイズ】アドレスバー(URLバー)の色を変更する方法《コピペで超簡単》

スマホでウェブサイトを見ている時、アドレスバー(URLが載っている部分)の色が他と違うページがあります。アドレスバーの色を変更することは、ウェブサイトやブログのデザインをカスタマイズして、ブランドイメージを向上させる方法の1つです。この記事で…

【はてなスターはいらない?】読んでいる記事にスターを残すのをやめた話と、スターを非表示にした理由など。

だいぶ前からこのブログでは『はてなスター』を非表示にしています。そして数日前から読んでいるブログ記事にスターを残すのもやめることにしました。 スターを残さなくなった理由 スターを非表示にした理由 非表示にしたことによる変化 (adsbygoogle = wind…

【ブログ改装】ブログのぷちリニューアルが完了!カスタマイズでお世話になったサイト様をまとめました。

数日前に自分のブログを読み直していたら、気になる箇所を見つけちゃって、気になりだすと居ても立っても居られない。ちょっとデザインをいじりだしたら終わらない現象に突入!1つを変えると、別の場所が気になりだすの不思議だね。微調整を繰り返していたけ…

【コードク:カスタマイズ】投げ銭機能の導入方法と、デザインのカスタマイズ方法(コピペでOK!)

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

はてなブログの最終更新日¦設定方法とカスタマイズ方法(コピペで使えます!)

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

【ブログ開設半年👏】皆さまにお礼♡と、節目に『新機能』導入のお知らせ!

ブログの読者のみなさんに、より手軽にご支援いただける機能を導入しました。これにより、コンテンツに価値を感じで下さった方々が少額から気軽にサポートしてくれることが可能になりました!

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

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

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

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

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

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

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

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

【雑記】最近の出来事とか、いろいろ詰め込み

最近、昼間は夏日のような気温で、体がバテないか心配な今日この頃。 みなさんも体調には気をつけてお過ごしくださいね。さて、今日は雑記✍ 色んなことをまとめて書いていきます。 最近の出来事 ブログ関係 ブログのデザインの変更 謎のサイトに転載されてい…

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

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

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

みなさんはブログを書く時に『見出し』を活用されていますか?内容のボリュームが多い場合は『見出し』と『目次』を付けると、読みたい項目が一目で分かるので更に便利になります。 書いてあること はてなブログでの見出しの付け方 見出しの途中に改行を入れ…

はてな記法で超簡単に表を作る方法とデザインカスタム(コピペOK!)¦表を使った小ワザも。

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