1. Copy dan letakkan kode berikut ini tepat diatas kode </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
2. javascript
<script type="text/javascript">
$(document).ready(function(){
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
});
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:first").text();
$("a.blog-pager-newer-link").text(newerLinkTitle + " >>");;
});
});
</script>
3. CSS
#blog-pager-newer-link,#blog-pager-older-link{float:left;}
#blog-pager{text-align:center;font-size: .875rem;margin: 1px 0;font-weight: 400;}
#blog-pager a{ padding: 14px 30px;
transition: background-color 0.2s ease 0s, box-shadow 0.2s ease 0s;
padding-left: 29px;
padding-right: 19px;
background-color: #1a73e8;
border-radius: 3px;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
color: #ffffff;
display: inline-block;
white-space: nowrap;
position: relative;}
#blog-pager a:hover{background-color:#fff;color:#212529;}
4. Save