Beauty Beauty - Stefani Gifta Ganda's Blog

Saturday, January 4, 2020

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 (klik 1 kali pada blockquote):
<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)

No comments

Post a Comment