June 22, 2009

Tutorial Cara Buat Bikin Tambahkan Tampilkan Recent Posts Dalam Blogger Blogspot

Tips menampilkan daftar postingan terbaru tanpa batas secara mudah untuk blogger / blogspot.

Cara memasukkan script postingan terbaru ( recent posts ) sebagai berikut :

1. Login ke account blogger anda

2. Lalu tuju Layout pilih dan klik Add a Gadget
mau yang di samping atau sisi bawah tak masalah, kan bisa digeser nantinya.

3. Lalu klik tanda plus ( + ) pada HTML/JavaScript
setelah kolom terbuka masukkan kode script di bawah ini dalam kolom kosong tersebut :





<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 = 7;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

</script>



<script src="http://YOUR_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://bloggerstop.net">Blogger
Widgets</a></span>


pada tulisan warna merah anda bisa mengganti angka 7 menjadi angka lain sesuai jumlah postingan yang hendak di tampilkan.

isikan alamat url anda dalam tulisan berwarna biru. agar aman tetap masukkan www setelah http://
contoh : http://www.namadomain.com

Selesai itu lalu save kemudian save lagi di kanan atas halaman layout.

nb : jika kode di atas tidak jalan coba kunjungi di sini

at

2 comments:

  1. anggraJun 28, 2009, 6:22:00 AM

    bagus banget blognya ajarin dong :s

    ReplyDelete
  2. Info BlogJul 24, 2009, 8:19:00 PM

    mas, kamu juga bisa buat recent post dan diklasifikasikan dengan label. kunjungi aja http://infotentangblog.blogspot.com/2009/07/recent-post-dengan-label.html. :D

    Dikomen juga, ya!

    ReplyDelete