Blogger ブログで、矢印キーを使ってページ移動できるようにするカスタマイズ

Blogger Buster に、矢印キーでページを移動する方法が載っていたのでご紹介します。今回参考にしたのは、こちらのページ。

ライブデモはこちら。矢印キーの右が「Older Post」、左が「Newer Post」に対応しているようです。

導入方法

※ 必ずテンプレートのバックアップをとってから行ってください。

１．Blogger 管理画面「テンプレート＞ HTML の編集＞続行」と進み、「ウィジェットのテンプレートを展開」にチェックを入れます。

２．次のようなコードを見つけます。ブラウザの検索機能で「blog-pager」を探すと見つけやすいと思います。

３．赤字部分を次の青字のように書き換えます。

４．</body> タグの直前に以下のコードを挿入します。（元のコードだと「前の投稿」「次の投稿」がないページの場合にエラーが出ていたため、クリボウが少し改良を加えています。）

５．「テンプレートを保存」ボタンを押します。

これだけです。導入しても閲覧者がこの操作法を使ってくれるかどうか分からないんですが、新しいページ操作をブログに取り入れてみたいという人は試してみるといいんじゃないでしょうか。

スポンサードリンク：

お願い：

「この記事役に立った！」と思ったら、ぜひフィード登録をお願いします。　

Comments:13

クリボウの Blogger Tips