今回は「はてなブログ」で、ページのフッタに注目記事を表示するスクリプトを紹介します。 今回のスクリプトも、H.S.Hige (id:herrscherinnen)さんの作品です。実は、同じようなものを作ろうかどうか悩んでいたのですが、アナリティクスのレポートの作成もあ…

長い間 Chromeを使っていながら、こんな便利なアドオンがあったことに気づかなかったとは不覚でした。 表示しているページに関するTwitter（Twitterのキーワード検索で追える期間内）のツイートと件数、はてなブックマークやFacebookなどのシェア数を表示で…

はてなブログで、404エラー表示のページをもう少しエラー表示ページを見やすくカスタマイズする java-script を作られた方いましたので、導入してみました。 導入し、テストした結果が上の画像です！多少なりとも、見栄えが良くなったと思います。 ちなみに4…

ブログ記事で音声（オーディオ）ファイルを再生したい時、youtube や googleドライブなどネットサービス側が提供するプレイヤーを使うか、html5だとaudioタグを使います。しかし、ビデオ再生ならまだしも音声ファイルを再生するプレイヤーとしては仰々しいも…

さまざまなブログを読んでいると、異常にフォントサイズが小さくなっている記事を見かけませんか？！ ブラウザーのフォントサイズは、読者自身の環境で読みやすいサイズに設定している場合が多いです。 そんなところをCSSなどで記事本文の標準フォントサイズ…

先日、 retiresaki.hatenablog.com という記事をアップしました。 そこで、はてなブログでは、『モバイル ユーザビリティ』対応のデザインテーマでない限り、『レスポンシブデザイン』を設定するべきないという旨の話をダラダラと書きました。徹夜で書いたの…

最近、はてなブログのブロガーさんが、Google Serch Console の『モバイル ユーザビリティ』でエラーになってしまっているということで、悩まれていたので、チェック方法とレスポンシブデザインの意味を紹介したいと思います。 はてなブログは、デザイン→モ…

他のブログやサイトで気にった記事のURLや記事のタイトルをコピーして、記事の原稿を開いているエディタにペーストしています。 ブラウザーの拡張機能でもタイトル＆URLをコピーするものはありますが、いちいち探すのも面倒です。 また、こういったことと同…

長い記事だと、ページのトップに戻ることが多々ありませんか？！ マウスのスクロールボタンで戻るのも面倒ですよね？！そこで、利用者の利便性を向上させるために、ページトップに戻るボタンを追加することにしました。 今回は、トモノリさんの下の記事を参…

すでに気づいている方もいらっしゃると思いますが、記事上に更新日時を追加しました。 これは、記事を見た人に更新があったことを分かりやすくするためです。和さんのブログ『黒木ノ水岩』を参考にしながら、 kurokinomizuiwa.hatenablog.com和さん、ありが…

はてなブログでは、『はてなスター』や『はてなブックマーク』はよく使われる機能ですよね。 はてな以外でも使えるよう外部提供サービスとして使えます。 現在、『はてなスター』の方は処理が重いため、はてなのブロガーの中ではあまり人気がなく、『はてな…

はてなブログに関わらず、Java-script をサーバーにインストールことはほとんどのブログサービスでは行なえません。そのような時、CDNサービスを使って外部スクリプトを読み込むようにします。CDNについては、後日記事にします(^^ゞ jQueryをベースにしたも…

ブログの記事を書くとき、大半の方はPCを使っていることと思います。スマホのデータ通信量の制限を受けるのもアホくさいですからねw じゃぁPCでどうやって確認するかというと、スマホ表示のシミュレーターを使います。 フリーソフトなのでもありますが、わざ…

毎日、★.評価やはてブをしてくれた読者のなてなブログをチェックしていますが、こんなエラー？！(下の画像)となるブログを見つけました！ ←画像ですよ！ 使用したブラウザーは バージョン: 70.0.3538.77（Official Build） （64 ビット）でチェックしたもの…

はてなブログの標準のフォローボタンって可愛くない！ですよね。 そこで、ゆきひーさんのブログ記事 www.yukihy.com を参考に追加してみた！ ※記事の後半では"無料のはてな"でも...フォローボタンを追加してみました。

アクセス解析を見ていたら、ツイートで人気のあった記事がGoogleからのアクセスが全くない！『おかしい！』と思いGoogleで検索してみたら...全く引っかかてこない。「あれれぇ」です(ToT)時間をかければ『はてな』などの別リンクから登録されますが...旬の記…

この記事はあまりHTMLなどに詳しくない人向けで、どちらかというとHow-Toに近い記事ですので、ご了承ください。 retiresaki.hatenablog.com で書いたように、今年からGoogleフォトで画像を保存・管理しています。 はてなのGoogleフォトツールを使うと共有設…

SHIROMAさんのブログ《NO TITLE》の記事をみながら www.notitle-weblog.com 当ブログの見出しデザインを変更しました。(>. 大見出し 中見出し 小見出し 変更は、デザインのデザインCSSを以下のように追記するだけです。

ブログで表示しているソースコードを、下のブログを参考に行番号を付けました。 note.z0i.net Plane Note 様ありがとうございました。 動作チェックを各ページでしていたら、「おや？2桁までしか表示できていない」 ということで、3桁表示に対応することにし…

このブログの件数が増えて、カテゴリーも少し乱雑になってきました。件数が少ないうちに整理しないと、記事毎に調整するため作業数が増えて大変です。 そこで、カテゴリーを階層化して整理することに！利用される側も判りやすくなります。 カテゴリーの階層…