36 views 5 comments

Memasang Plugin Previous Entries Di Blogspot/Blogger

by on May 28, 2010
 

Dah lama rasanya aku tidak membuat tutorial mengenai Blogger/Blogspot. Dan entri terakhir mengenai Blogger adalah Memasang Plugin Thumbnail Related Post Pada Blog dan Memasang Social Vote/Count Button Pada Blogger & WordPress. Dan untuk entri kali ini adalah mengenai plugin yang dapat memaparkan entri-entri lepas pada bahagian sidebar. Ia berfungsi seperti plugin Recent Posts. Penting ke plugin ni. Terpulang la pada tuan punya blog. Ia juga adalah alternatif kepada archive.

So, cara untuk memasangnya adalah seperti berikut.

1. Log masuk akaun korang.

2. Pergi ke Design > Add a Gadget.

3. Pilih HTML/Javacript

4. Masukkan code dibawah.

[php]<div id="newPosts">
<noscript>failed!<br />Javascript not supported here!</noscript>
</div>

<script>
var nPostStartIndex = 6;
var nPostShow = 6;

function showRecentPosts(nIndex) {
if (!nIndex)
nIndex = nPostStartIndex;
var sFeedURL = ‘http://blog_korang.blogspot.com/feeds/posts/summary?orderby=published&start-index=’+nIndex+’&max-results=’+(nPostShow+1)+’&alt=json-in-script&callback=generatePosts’;
var script = document.createElement(‘script’);
document.getElementById(‘newPosts’).innerHTML = ‘Loading..’;
script.setAttribute(‘src’, sFeedURL);
script.setAttribute(‘type’, ‘text/javascript’);
document.documentElement.firstChild.appendChild(script);
}

function generatePosts(json) {
function compareentry(a,b) {
order= Date.parse(a.published.$t.replace(/^(d{4})-(d{2})-(d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, ‘$1/$2/$3 $4 GMT’)) – Date.parse(b.published.$t.replace(/^(d{4})-(d{2})-(d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, ‘$1/$2/$3 $4 GMT’));
return 0-order;
}
var sHTML = ‘<ul>’;
var sortentry = json.feed.entry.sort(compareentry);
var nIndex = parseInt(json.feed.openSearch$startIndex.$t);
var nTotalPost = parseInt(json.feed.openSearch$totalResults.$t);
for (var i = 0, Post; Post = sortentry[i]; i++) {
if (i >= nPostShow)
break;
var title = Post.title.$t;
var j = 0;
while (j < Post.link.length && Post.link[j].rel != "alternate")
j++;
var link = Post.link[j].href;
var timestamp=Post.published.$t.substr(0,10);
sHTML += ‘<li><span><a href="’+link+’">’+ title +’</a></span></li>’;
}
sHTML += ‘</ul>’;
sHTML += generatePostLink(parseInt(json.feed.entry.length), nIndex, nTotalPost);
document.getElementById(‘newPosts’).innerHTML = sHTML;
}

function generatePostLink(nFetch, nIndex, nTotalPost) {
var bOld = (nFetch > nPostShow);
if (bOld) nFetch = nPostShow;
var sResult = ‘<p align="right">’;
if (nIndex > nPostStartIndex)
sResult += ‘<a href="javascript:showRecentPosts(‘+(nIndex-nPostShow)+’);" title="Newer Posts">back</a>&nbsp;&nbsp;’;
if (bOld)
sResult += ‘<a href="javascript:showRecentPosts(‘+(nIndex+nPostShow)+’);" title="Older Posts">next</a>’;
sResult += ‘</p>’;
return sResult;
}
</script>

<script language="javascript">showRecentPosts();</script>

[/php]

5. Customize dan save. Lihat hasilnya.

Customize

1. Sila masukkan alamat blog korang disini.

var sFeedURL = ‘http://blog_korang.blogspot.com/feeds/posts/summary

2. Tukarkan nilai kepada entri yang korang mahukan previous entries ini bermula.

Contoh : Pada frontpage korang hanya meletakkan 5 entri sahaja untuk dilihat. Entri ke-6 dan seterusnya tidak dapat lihat melalui frontpage. So, previous entries ini akan bermula pada entri yang ke-6

var nPostStartIndex = 6;

3. Tukarkan nilai kepada bilangan entri yang korang mahu paparkan.

var nPostShow = 6;

Selamat mencuba.

Kongsikan Artikel Kami
comments
 
Leave a reply »

 

Leave a Response