Mengganti Posting Lama dan Posting Baru dengan Judul

Mengganti Posting Lama dan Posting Baru dengan Judul - Mungkin anda pernah melihat blog yang menampilkan judul posting berikutnya atau sebelumnya , atau anda bisa melihatnya dibawah posting blog ini . Pemasangan Judul posting untuk mengganti Posting lama dan posting baru ini terbukti bagus untuk meningkatkan pagevies , apalagi jika atikel yang disuguhkan begitu panjang sehingga tidak tersisa lagi widget di sidebar .

Dan lagi jika anda menguasai penggunaan judul unik ini akan lebih baik lagi karena dapat membuat para pengunjung penasaran dan akan terus membuka halaman baru .

Nah jika anda ingin menerapkan metode ini silahkan ikuti caranya dibawah ini .

Letakkan jQuery ini diatas kode </head> di dalam template anda .

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

Keluar dari Mode HTML dan pergi ke halaman Layout .
Tambahkan Widget baru dan pastekan Script ini di dalamnya .

<style type="text/css">
.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
</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 + "\u2192");//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("\u2190" + newerLinkTitle);
});
});
</script> 

Kustomisasi
Anda masih dapat mengedit beberapa bagian dari kode css diatas , diantaranya

1. font-size:12px (untuk merubah ukuran huruf, ganti 12px sesuai keinginan)
2. width:200px (lebar dari judul yang ditampilkan, ganti 200px sesuai keinginan)
3. font-family:Arial, sans-serif (ganti sesuka anda, misal Georgia, Trebuchet MS, Verdana, dll)

Sekarang simpan dan lihat dibagian bawah kolom komentar , jika berhasil ucapkan Hamdallah :) .

Selamat mencoba