Mengganti older post dan newer post dengan judul postingan

Mengganti older post dan newer post dengan judul postingan pastinya akan sangat beda ya dari yang lain, kalau di WP itu memang sudah ada fasilitas tersendirinya tapi kalau di blogger perlu di hack baru bisa menampilkan seperti ini, itu dll. nah saya nemu postingan ini di blog master yabtb dia oranng finlandia kayaknya setau saya sih gitu dari profil blogger nya, ok jadi gini, kalau biasanya kita sedang membaca postingan pasti di bagian akhir ( di bawah kotak komentar ) ada Older Post dan Newer Post nah sekarang Older Post dan Newer Post akan berganti dengan judul postingan, emmmm pasti beda dan mantap ya hehehee nih aku ambilih ScreenShot nya aja ya, soalx kalau demo aku gak punya, tapi aku udah coba di blogQ yang lain dan trik ini berhasil.

Nah begitulah bentuk pergantian dari newer post dan older post menjadi judul postingan hemmm baiklah langsung saja ke tahap pembuatannya.

1. Masuk di dasbor blogger
2. Klik Rancangan / Template
3. Klik Edit HTML
4. Klik Proceed / Lanjutkan ( jika editor baru )
5. Cari kode </head>
6. Setelah ketemu simpan kode di bawah ini di atas kode </head>

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

7. Kemudian cari kode </body>
8. Setelah ketemu simpan kode di bawah ini di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var urlToNavTitle = {};
function getTitlesForNav(json) {
for(var i=0 ; i < json.feed.entry.length ; i++) {
var entry = json.feed.entry[i];
var href = "";
for (var k=0; k<entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
href = entry.link[k].href;
break;
}
}
if(href!="") urlToNavTitle[href]=entry.title.$t;
}
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"></'+'script>');
function urlToPseudoTitle(href) {
var title=href.match(/\/([^\/_]+)(_.*)?\.html/);
if(title) {
title=title[1].replace(/-/g," ");
title=title[0].toUpperCase() + title.slice(1);
if(title.length > 28) title=title.replace(/ [^ ]+$/, "...")
}
return title;
}
$(window).load(function() {
window.setTimeout(function() {
var href = $("a.blog-pager-newer-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-newer-link").html("&lt;&lt; " + title);
}
href = $("a.blog-pager-older-link").attr("href");
if(href) {
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-older-link").html(title + " &gt;&gt;");
}
}, 500);
});
//]]>
</script>
</b:if>

9. Cari lagi kode ]]></b:skin>
10. Setelah ketemu simpan kode di bawah ini di atas kode ]]></b:skin>

.blog-pager-newer-link {
background-color: transparent !important;
padding: 0 !important
}

.blog-pager-older-link {
background-color: transparent !important;
padding: 0 !important
}

#blog-pager-newer-link {
padding: 5px;
font-size: 90%;
width: 200px;
text-align: left
}

#blog-pager-older-link {
padding: 5px;
font-size: 90%;
width: 200px;
text-align: right
}

Nah Abis itu klik SIMPAN TEMPLATE. dan coba anda buka salah satu postingan anda dan lihat Older Post atau Newer Post nya udah berganti dengan judul postingannya belum, semoga Trik Mengganti Older post dan Newer Post dengna judul postingan berhasil.