Jet Liar - Fatamorgana

Kali ini satriacell.com akan memberikan tips dan trik cara merubah tulisan older post dan newer post, Sering kita membaca artikel tentang cara merubah tulisan older post dan newer post dengan gambar. Tapi dalam artikel kali ini saya akan memberikan tutorial cara merubah tulisan older dan newer post dengan judul artikel yang dituju ( artikel sebelumnya dan artikel berikutnya ).

Contohnya lihat gambar dibawah ini:

Untuk membuatnya ikuti langkah langkah di bawah ini :
1. Login ke dashboard blogger kita
2. Masuk rancangan / Design --> Edit Html --> cari kode </head>
3. Setelah ketemu, masukkan kode scrypt di bawah ini sebelum kode tadi atau diatasnya tepat

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

4. Simpan template.
5. Kembali ke elemen halaman / Page Elemant --> Add Gadget --> pilih Text Html/Java Srypt dan paste scrypt di bawah ini

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

6. Simpan dan lihat hasilnya di blog sobat.

Selamat mencoba semoga bermanfaat.