Mengubah Blog Pager (Newer, Older)

Hai, hai! Tutorial kali ini adalah cara mengganti "Newer Post" dan "Older Post" dengan judul post.

Tutorial ini aku dapat dari sini.

Step one:

Buka Blogger >> Edit HTML

Step two:

Pastikan kode semacam ini (salah satu dari 3 di bawah):

script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js' type='text/javascript'/

script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">

script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">

(note: kode di atas selalu diawali < dan diakhiri >)
sudah ada (cari aja http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js).
Kalau belum, tambahkan di atas kode </head>

Step three:

Balik ke Blogger >> Layout >> Add a Gadget >> HTML/JavaScript

Step four:

Copy kode di bawah:

<style type="text/css">
#blog-pager-newer-link {
font-size:85%; /* ukuran font */
width:200px;
text-align:left;
}
#blog-pager-older-link {
font-size:85%; /* ukuran font */
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>

Paste di dalam gadget HTML/JavaScript

<< dan >> bisa diganti dengan ← dan →

Step five:

Save >> Save Arrangement (Simpanlah)