cara cepat membuat recent post blogger

Apabila sobat blogger ingin menampilkan recent post pada sidebar dengan memasang widget nya, kali ini ane share tentang cara cepat membuat recent post blogger blogspot, yang dapat menampilkantulisan terbaru dari blog sobat,dengan ringkasan singkat di sidebar,atau di mana saja didalam blog.

Ok silahkan sobat blogger ikuti saja langkah-langkah untuk membuat widget recent post dalam beberapa menit.

Disini kita menggunakan feed burner sebagai sebagai langkah awal:

1. Masuk ke feedburner.com

2. Masukkan Alamat/url Blog sobat, kemudian klik Next.

3. Kemudian pada pilihan "Identity Feeds Source" pilih opsi yang kedua dan klick Next. selanjutnya Klick on Activate Feed, dan pilih lagi "Skip To Feed Management".

4. Kemudian klik pada tab Publicize di bagian atas, kemudian klik pada Link BuzzBoostdi link side bar kiri.

5. Sekarang pilih pengaturan, kemudian klik pada tombol "Activate", lalu salin kode HTML kedalam website Anda. untuk contohnya sobat bisa lihat pada bagian sidebar blog saya,pada menu "Artikel Terbaru".

6. Selanjutnya silahkan sobat blogger Loggin ke Blogger, pilih pada bagian Layout dan klik "Tambah Gadget", dan kemudian pilih "HTML / JavaScript"
.
7. Sekarang tambahkan kode HTML dibawah ini kedalam widget:
<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://ALAMAT_BLOG.BLOGSPOT.COM_SOBAT/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script><br/><span style="font-size: x-small;"><a href="http://dialogue-ngeblog.blogspot.com">Tips Trik Blogging</a></span>

8. Selesai...sekarang sobat sudah mempunyai fitur recent post dalam blog.

Tampilan demo Widget Recent Post dapat sobat lihat pada fitur ARTIKEL TERBARU di sidebar blog saya.

Catatan :

• Untuk yang berwarna BIRU silahkan ganti dengan alamat / URL blogspot milik sobat

• yang berwarna merah adalah pilihan opsional..tinggal sesuaikan dengan keinginan sobat untuk menmapilkan jumlah posting terbaru dari blog agan.

Mudah-mudahan cara cepat membuat recent post blogger blogspot ini bermanfaat, silahkan mencoba dan semoga berhasil.