English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Thursday, March 17, 2011

, » Recent Post Widget

Recent Post Widget

| Thursday, March 17, 2011 | 3 comments

Beberapa waktu yang lalu, saya telah mempublikasikan posting tentang cara membuat related post dibawah posting, menghilangkan 'newer post' dan 'older post', judul posting tanpa isi, dan sebagainya. Semoga itu cukup membantu untuk mempercantik blog anda. 

Kali ini saya akan berbagi dengan anda cara membuat widget recent post yang fungsinya untuk menampilkan posting terakhir yang telah anda tampilkan. Meskipun posting sejenis yang juga membahas tentang cara membuat recent post telah bertebaran, namun tidak ada salahnya saya juga berbagi tips dengan anda.

Cara membuatnya cukup mudah dan sederhana, mari simak penjelasan saya berikut ini.

Langkah yang perlu anda lakukan adalah pilih tab Layout | Page Element | Add a Gadget | HTML/Java Script type, lalu copykan kode berikut ini :
<script>
function rp(json) {
document.write('<ul>');

for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}

posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";

if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);

if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');

}
</script>

<script>
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>

<script src="http://NAMA_BLOG.BLOGSPOT.COM/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script><br/><span style="font-size: x-small;"><a href="http://bqychodtz.blogspot.com">Get Widgets</a></span>

Setelah mengcopy script di atas, langkah selanjutnya yaitu mengganti kode yang berwarna merah dengan nama blog anda sendiri. Langkah terakhir, jangan lupa tekan tombol save.

# Keterangan : kode yang berwarna biru adalah pilihan yang bisa anda tentukan sendiri sesuai keinginan (relatif). False artinya adalah menyembunyikan, sedangkan jika anda ingin menampilkan cuplikan posting misalnya, silakan ganti dengan true.

Cukup mudah bukan?? Sekarang silakan lihat hasil dari recent post widget yang telah anda buat tadi. Selamat mencoba. Tunggu artikel saya selanjutnya...



Artikel Terkait Lainnya



Digg Technorati del.icio.us Stumbleupon Reddit Blinklist Furl Spurl Yahoo Simpy

3 comments:

Arifin said...

Sebagai contoh,...silakan lihat di sidebar saya.
;;)

p4ktani said...

saya sangat suka dengan artikel ini
thx

Arifin said...

Semoga bermanfaat

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

Silakan Berkomentar Di Sini Dengan Syarat :
1. Komentar anda tidak menyinggung SARA
2. Berikan komentar yang membangun, bukan yang semena-mena
3. Tersenyumlah sambil mengetikkan 'comment'


Bagi yang hanya sekedar 'blogwalking' di sini, silakan tinggalkan keterangan web title dan URL anda.

Hormat Saya,
Arifin

 

Recent Post

Random Post

Send Free SMS

© Copyright 2011. bqychodtz.blogspot.com . All rights reserved | bqychodtz.blogspot.com is proudly powered by Blogger.com | Special Thanks To o-om.com - zoomtemplate.com