Bloggerにページナビゲーションを導入する方法(Numbered Page Navigation)

  • 投稿 : 2011-08-19
  • 更新 : 2013-05-11
Blogggerにこのようなページナビゲーションを導入する方法です。ページ番号が上記のように付きます。
案外簡単に導入できたので導入方法を簡単に書いておきます。

導入方法

Numbered Page Navigation For Blogger ~ Blogger Widgets
このページにあるBlogger用のガジェットを導入します。

上記のアイコンをクリックすると以下のような画面になります。

そうするとこのような画面になりますので、ページ数の設定をして[Customize]ボタンを押下して、その次に[Add Widget To My Blog]ボタンを押下して、自分自身のBlogにガジェットとして導入します。
何度でもやり直せますので、動作がおかしければ初めからやり直してください。

ページ数の設定はBlogger側の設定と同じでないと動作がおかしくなります。

ガジェットの中身は、スタイルシートとJavascript(内部記述と外部スクリプト呼び出し)です。記事に手動で導入する手順も書いてますがそちらは古いようです。上記のアイコンから導入すると最新?のものが導入されます。

基本的には、これだけでページナビゲーション表示になります。

上手く表示されないときは、ガジェットの中身をそのまま、タグの前にコピーするとうまくいくと思います。標準のナビゲーションはそのまま表示されて、その後、このガジェットがJavascriptで標準のナビゲーションを置き換えるという動作をしているため、ガジェットの位置が後ろのほうにないとうまく動作しないようです。

ラベルの部分

ラベルを使ってる場合は、テンプレートを手作業で置き換える必要あり。
'data:label.url'
(including the quotes) and replace each of it with
'data:label.url + "?&max-results=5"'
数字の5の部分は上記の設定と同じにする必要あり

注意

ガジェットを導入するだけで、ページナビゲーションになるのですが、月別アーカイブページや個別記事ページはページナビゲーションにはならず標準のナビゲーションが表示されます。
スポンサーリンク
タグ#Blogger