画像のダイアリ記事(PCでhttp://d.hatena.ne.jp/Kityo/20180911/1536703384を表示)のように表示させたいのですが、ブログのほうhttp://kityo.hatenablog.com/entry/20180912/1536678000に「何時何分」まで表示させる設定が見つからないのです。
該当する設定はないのですが、はてなブログは javascript が使えます。
ダッシュボードの左にあるメニューから、「デザイン」→「カスタマイズ」(スパナのマーク)→「ヘッダ」の順にクリック。
「タイトル下」のエリアをクリック。
エリアが広がるので、以下の内容をコピーして貼り付けます。
<script> (function() { function d2(i) { return ("0" + i).slice(-2); } function ce(s, p, c) { const e = document.createElement("span"); e.innerHTML = s; e.className = c; p.appendChild(e); return e; } window.addEventListener("DOMContentLoaded", function(ev) { document.querySelectorAll("header.entry-header, div.archive-entry-header").forEach(h => { const e = h.querySelector("time"); const p = h.querySelector(".entry-title"); const t = new Date(e.dateTime); console.log(e.dateTime); ce(d2(t.getHours()) + ":" + d2(t.getMinutes()), p, "timestamp"); }); }); })(); </script> <style> .timestamp { font-size: 70%; font-weight: normal; margin-left: 1ex; } </style>
右側に見えているプレビューの適当なところをクリックすると、入力エリアが閉じて右側に入力した内容が反映されます。
時刻が表示されていたら、左上の「変更を保存する」をクリック。
はてなダイアリに合わせて、タイトルのお尻に入れるようにしています。
試しに、ぼくのブログにも仕込んでみました。
http://a-kuma3.hatenablog.com/
ありがとうございます!
2018/09/14 07:02:54