自分方位研究所

日々の活動記録

(はてなブログ) 次の記事/前の記事 をはっきりさせる

個別記事の一番下に、次の記事、前の記事へのリンクが表示されていますが、右と左に記事タイトルが表示されているだけで 、どちらが次の記事でどちらが前の記事かわかりません。

今回、見栄えはよくありませんが、次の記事/前の記事がわかるように注意書きを追加してみました。

 

先ず、htmlの記述。

ブログのダッシュボード(管理ページ)のメニューから、
デザイン > カスタマイズ(スパナマーク) > 記事 > 記事下HTML

コードが記入できるテキストボックスが開くので、そこに以下の下から3行を追加しました。

<p>◆~~~~~~~◆</p>
<iframe src="https://blog.hatena.ne.jp/~~~" 
allowtransparency=
"true" frameborder="0"
scrolling="no" width="150" height="28"></iframe> <p>◆~~~~~~~◆</p> <p>  </p> <div class="tomorrow-yesterday"> <p> ←←←←←← 次の記事 /// 前の記事→→→→→→</p> </div>

 

次にCSSの記述。

ブログのダッシュボード(管理ページ)のメニューから、
デザイン > カスタマイズ(スパナマーク) > デザインCSS

以下のコードを追加しました。

/* 2022/05/19 記事下HTML用 */

div.tomorrow-yesterday {
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
}

 

実際の記事ページへのリンクとの距離が離れているのがいま一つです。
「コメントを書く」の下に表示できればよいのですが・・・