はてなブログで使えるアイコンWebフォント

はてなブログ

はてなブログの本文文章の中で、アイコンを使いたい時がある。例えば、スマホなどで設定画面を開くためのアイコン［］。はてなブログで標準で使えるアイコンWebフォントが用意されている。使い方は、HTML編集画面で、以下のような形式でclass名にアイコン…

2020-05-05

はてなブログで文字列に蛍光ペン風のアンダーラインをつける方法。<em>タグで。

ホームページ、Web作成はてなブログ

はてなブログで、強調したいハイライト文字列に蛍光マーカーペンっぽい色付きのアンダーラインをつける方法。【サンプル】強調したいハイライト文字列はてなブログで使える文字の装飾には、太字/ボールド、斜体/イタリック、アンダーラインがある。 HTML…

2020-02-13

はてなブログは大丈夫？。Googleが、2020年10月にすべての混合コンテンツをブロック。

ホームページ、Web作成はてなブログ

Googleが、2020年10月にすべての混合コンテンツをブロックというニュースがある。はてなブログのHTMLソースを確認すると、以下のようなhttp:～が含まれている。 <html ... itemtype="http://schema.org/Article" ...>...<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">...<link rel="author" href="http://www.hatena.ne.jp/../"> これらは…</link></head></html>

2019-06-24

検索機能付き「はてなブログ記事一覧」HTML生成スクリプト(JScript)を作成。

ホームページ、Web作成コンピュータ・Windows・スマホはてなブログ

先日、はてなブログのHTMLサイトマップ（はてなブログ記事一覧）を生成するスクリプト(JScript)を作成した。これは、Googleクローラーに読み込んでもらうのが目的だったが、今回は人間が利用するための「はてなブログ記事一覧」HTMLの生成スクリプト(JScrip…

2019-06-21

「Google Search Console」のサイトマップ登録の進展がないので、はてなブログのHTMLサイトマップを生成するスクリプト(JScript)を作成した。

ホームページ、Web作成コンピュータ・Windows・スマホはてなブログ

先日、「Google Search Console」で、はてなブログのサイトマップ（「sitemap.xml」、「sitemap.xml?page=???」）を登録したが、いくつかが「取得できませんでした」のエラー状態のまま進展がない。そこで、はてなブログのHTMLサイトマップを作ってみる。 ※…

2019-06-19

「Google Search Console」に続き「Bing - Web マスターツール」で、サイトマップ登録をやってみる。

ホームページ、Web作成はてなブログ

先日、「Google Search Console」でサイトマップ登録をやってみた。今回、「Bing - Web マスターツール」で、サイトマップ登録をやってみる。「Bing - Web マスターツール」のサイトにアクセスする。サインインの画面が表示されるが、なんとGoogleアカ…

2019-06-17

はてなブログの記事がGoogle検索になかなか反映されない。「Google Search Console」でインデックス登録とサイトマップ登録をやってみる。

ホームページ、Web作成はてなブログ

最近、はてなブログの記事がGoogle検索になかなか反映されない。Googleにインデックスされていない気がする。「Google Search Console」を使えば、インデックス登録が出来そうなので、やってみた。まず、「Google Search Console」に登録する。【Google S…

2019-03-25

はてなブログを記事一覧に簡単に切り替える方法。ブックマークレットを使う。

ホームページ、Web作成コンピュータ・Windows・スマホはてなブログ

先ほど「はてなブログを記事一覧で見る方法」という記事を書いたが、毎回URLに「/archive」を付けるのが面倒な場合、マウスのワンクリックで切り替えができるようにする方法。ブックマークレットという機能を使う。ブックマークレットとはブックマークバー…

2019-03-25

はてなブログを記事一覧で見る方法。

ホームページ、Web作成はてなブログ

無料の「はてなブログ」をパソコンで見ると記事一覧ではなく、本文がそのまま数日分表示される。記事本文の量が多いと過去分にどんな記事があるのか確認するのが大変。こういったブログを記事一覧で見る方法。といっても簡単。そのブログのトップページのU…

2019-02-12

はてなブログ）スマホ等でページ横からはみ出たテーブルを横スクロールできるようにする最も（？）簡単な方法。

ホームページ、Web作成はてなブログ

はてなブログをスマホで閲覧する場合、テーブルが横にはみ出てしまうことがある。レスポンシブ対応含め一般的なデザインテーマでは横スクロールできない。これを、横スクロールできるようにする最も（？）簡単な方法。ネットでよく見られる方法は、<table>を<div>で囲</div></table>…

2019-02-11

はてなブログのテーマをレスポンシブ対応のMinimalismに変更。

ホームページ、Web作成はてなブログ

このブログのデザインテーマをレスポンシブ対応のMinimalismに変更。変更にあたって行った作業の備忘録。１．レスポンシブデザインにチェックデザイン ⇒ スマートフォン ⇒ 詳細設定「レスポンシブデザイン」にチェックを入れる。２．スマホも記事一覧の…

2018-08-03

無料版はてなブログでスマホのCSSをJavaScriptを使ってカスタマイズする方法。成功せず。

ホームページ、Web作成はてなブログ

無料版はてなブログでは、スマホのデザイン(CSS)を設定で一律に変更することができない。レスポンシブ対応のテーマを使えばできるが、そうでない場合、CSSを設定できない。詳細設定で、headにJavaScriptを追加できるので、JavaScriptを使ってCSSを追加する…

2018-03-22

このブログ「晴歩雨描」をHTTPS化。

ホームページ、Web作成はてなブログ

2月22日から「はてなブログがHTTPSで配信できる仕組みの提供を開始した」との事だったが、ようやく本日このブログ「晴歩雨描」も変更可能になったので、HTTPS化した。設定方法の説明には「ダッシュボードから設定画面にアクセスします」とあるが、HTTPS設定…

2018-02-06

はてなブログ、はてなフォトライフの写真一括バックアップ/ダウンロードツール修正。

コンピュータ・Windows・スマホはてなブログ

「はてなブログ」や「はてなフォトライフ」の写真、画像を一括してバックアップ（ダウンロード）するツールを1月17日にリリースしたが、今日試したところ、正常動作しなかった。調べてみたら、「はてなフォトライフ」の各画像表示HTML内の画像リンク先がht…

2018-01-17

はてなブログ、はてなフォトライフの写真一括バックアップ/ダウンロードツールを作成。

コンピュータ・Windows・スマホはてなブログ

「はてなブログ」や「はてなフォトライフ」の写真、画像を一括してバックアップ（ダウンロード）する方法を探したが、無いわけではないが手間がかかりそうなものが多かったので、作成してみた。以前に作った「MyHome Portal」の一部ツール「HTML URL抽出 &…

2017-11-13

はてなブログのトップページを記事一覧ページに変更

ホームページ、Web作成はてなブログ

はてなブログのトップページを記事一覧ページに変更してみた。参考にしたのは、以下のページ。有料の「はてなブログpro」なら、基本機能でトップページを記事一覧に設定できるが無料版ではできないので、JavaScriptを使う。やることは、URLがブログのトッ…

2017-08-08

FC2ブログからはてなブログへの引越しは簡単だった

ホームページ、Web作成はてなブログ

以前からFC2で運用していた「中級プログラマの自宅でPHP ブログ」を、はてなブログに引っ越した。移行方法は、以下の記事を参考にした。この記事に書いてある通り、とても簡単で何の問題もなくあっさり完了した。はてなブログの公式ヘルプは以下。このブ…