Tukar previous post dan next post kepada tajuk artikel

Salah satu ciri yang ada pada wordpress tapi tiada pada blogger ialah perkataan newer post dan older post dipaparkan dengan tajuk artikel.Kebaikan mempunyai tajuk posting ialah keberangkalian pengunjung akan klik  artikel seterusnya yang akan meningkatkan  page view pada blog anda
.
tutorial blog

Cara memasangnya pada blog.

Masuk ke dashboard pilih template,klik pada edit HTML


Gunakan ctrl+F untuk mencari kod pada template ( klik sini untuk cara guna HTML editor terbaru blogger)
Cari kod  </head>
Letakkan kod ini sebelumnya

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>

Seterusnya cari kod </body>
Dan letakkan kod ini diatasnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
// Post titles to Older Post and Newer Post links (without stats skew)
// by MS-potilas 2012. See http://yabtb.blogspot.com/2012/01/add-post-titles-to-older-and-newer-post.html
//<![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) {
href = href.replace(/.blogspot.[^/]+//, ".blogspot.com/");
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-newer-link").html("&lt;&lt; Newer Post<br />" + title);
}
href = $("a.blog-pager-older-link").attr("href");
if(href) {
href = href.replace(/.blogspot.[^/]+//, ".blogspot.com/");
var title=urlToNavTitle[href];
if(!title) title=urlToPseudoTitle(href);
if(title) $("a.blog-pager-older-link").html("Older Post &gt;&gt;<br />" + title);
}
}, 500);
});
//]]>
</script>
</b:if>

Kemudian cari kod  ]]></b:skin>
Dan letakkan kod berikut diatas/sebelumnya

.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;}

Simpan template anda
Credit to MS-Potilas :Yet Another Blogger Tips Blog

Catat Ulasan

8 Comments:

Lilynn Wifey Sham berkata...
Teknik Buat Blog

x jadi admin.. huhuhu

Fokus Impian berkata...
Teknik Buat Blog

@Lilynn Wifey Shamsesetengah template tak boleh....

berkah berkata...
Teknik Buat Blog

ijin save scrif nya

infosaja berkata...
Teknik Buat Blog

Kalau saya menggunakan page number pada halaman navigasinya.

Fokus Impian berkata...
Teknik Buat Blog

@berkahboleh..saja...:)

kobato honato berkata...
Teknik Buat Blog

kat mana html????????? T_T

Surya Promo berkata...
Teknik Buat Blog

oke mas bro... ane coba tipsnya... trims
agen tiket online
jasa iklan massal

Diane Cain berkata...
Teknik Buat Blog

Thank you so much for sharing this with us, it helps me a lot, realy appreciated!
Title Insurance miami