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

Post a Comment

8 Comments:

surihati said...
Teknik Buat Blog

x jadi admin.. huhuhu

sibersensasi said...
Teknik Buat Blog

@Lilynn Wifey Shamsesetengah template tak boleh....

Unknown said...
Teknik Buat Blog

ijin save scrif nya

Unknown said...
Teknik Buat Blog

Kalau saya menggunakan page number pada halaman navigasinya.

sibersensasi said...
Teknik Buat Blog

@berkahboleh..saja...:)

Unknown said...
Teknik Buat Blog

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

Lid Cup Sealer said...
Teknik Buat Blog

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

Unknown said...
Teknik Buat Blog

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