Blogger「次の投稿」と「前の投稿」を記事タイトルに （超簡単）

Table of Contents

1. レイアウトをクリックします。
2. ガジェットの追加をクリックします。
3. ポップアップウィンドウが開き、スクロールしてHTML / JavaScriptをクリックします。
4. コンテンツボックスに下のコードを貼り付けて保存をクリックします。
5. main Blog Postsの下に配置します。
6. できましたか？

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<style type="text/css"> 

#blog-pager-newer-link {font-size:100%;width:200px;text-align:left;} 

#blog-pager-older-link {font-size:100%;width:200px;text-align:right;} 

</style> 

<script type="text/javascript">

$(document).ready(function(){ 

var newerLink = $("a.blog-pager-newer-link").attr("href"); 

$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { 

var newerLinkTitle = $("a.blog-pager-newer-link").text(); 

$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); 

}); 

var olderLink = $("a.blog-pager-older-link").attr("href"); 

$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { 

var olderLinkTitle = $("a.blog-pager-older-link").text(); 

$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt 

}); 

}); 

</script>