はてなブログの「前のページへボタン」を表示する方法(jQuery)

最近はてなブログの構築をご依頼頂いて、前ページボタンを表示するjsを作ったので載せときます。

色々調べたんですが、以前のはてブロ仕様のjsみたいで上手く使えなかったので・・・

// 前のページへボタン追加
add_prev_pager();

// 前のページへボタン追加
function add_prev_pager() {
var str_prev_pager = '<span class="pager-prev"><a rel="prev">前のページ</a></span>';
var str_pager_html = '
<div class="pager autopagerize_insert_before">' + str_prev_pager + '</div>
';
var str_url = location;

// トップページ以外に表示する
if(str_url != "http://www.degu-lifestyle.com/") {
// ページャ要素があればそのまま追加
if($('.pager').length) {
$('.page-index .pager').prepend(str_prev_pager);

// なければページャ要素も入れる
} else {
$('.page-index #main-inner').append(str_pager_html);
}
}
}

※ご利用は自己責任でお願い致します。

はてなブログの仕様変わったんですかね。
以前はパンくずもjsで表示させてたかと思うんですが、今は設定でパンくずを表示できますし。

今後もはてなブログに関して何かお役に立てることがあれば、アップしていきます。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です