Mengganti Older Post Newer Post Links Dengan Judul Postingan

Mengganti older newer link post dengan judul postingan atau cara mengganti tulisan older post dan newer post links dengan judul postingan (artikel) di blogspot ini adalah trik blogger yang baru saja saya dapatkan dari bloggersentral.com yang isi postingan nya membahas tentang cara "Mengganti Posting Lama & Posting Baru dengan Judul Posting/artikel - Replace Older & Newer Post Links With Post Titles".

Jika Anda memperhatikan halaman posting seperti di wordpress, Anda pasti pernah melihat teks navigasi posting lebih baru dan posting lebih lama - newer post and older post links navigation yang di tampilkan adalah anchor text judul posting, sementara di blogspot hanya menampilkan tulisan older post dan newer post atau tulisan next dan previous post saja. Nah, untuk mengganti tulisan older newer post links dengan judul postingan di blogspot bisa dilakukan dengan cara sebagai berikut:

1. Login ke blogger -> klik Design -> Edit HTML -> download full template dulu buat backup -> centang Expan Template Widget

2. Selanjutnya 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>

3. Save template, selanjutnya klik lagi tab Eleman laman atau Design dan buat/tambahkan kode di bawah ini ke gadget HTML/Javascript:

<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>

(boleh disimpan dengan membuat new gadget atau digabung dengan gadget/elemen yang sudah ada karena kode tersebut tidak perlu diberi judul).
Selamat mencoba, semoga bermanfaat.

Source: diarykudiblog.blogspot.com