Cara Membuat Recent Post | Menampilkan Postingan Terbaru

Senin, 27 Agustus 20120 komentar

Cara Membuat Recent Post | Menampilkan Postingan Terbaru. Untuk membuat sebuah blog agar menampilkan posting posting terbaru bisa anda lakukan dengan menyimak artikel saya berikut ini. Terkadang saya bingung jika mengunjungi web biasa ada yang menamakan widget recent post, terkadang gadget recent post bahkan ada juga yang menamakan badge recent post. mengenai gadget,widget,atau badge terserah teman-teman mau gunakan yang mana, tidak ada yang melarang memakai istilah tersebut. 
Yang penting sekarang kita mau membuat recent post atau menampilkan postingan terbaru di blogspot, Jika di blog saya ini bisa dilihat di sidebar bagian atas atau di gambar di bawah:


Ada beberapa cara membuat recent post, bisa dengan menggunakan feedburner atau dengan memanfaatkan feed default blogger. Keduanya pernah saya coba di blog saya, tetapi yang lebih praktis adalah dengan menggunakan feed default blogger. 



Prosedurnya:
1. Masuk ke Dashboard -> Tata Letak -> Elemen halaman
Pilih Tambah Gadget



2. Pilih Html/Java script
3. Akan muncul kotak dialog html/javascript
4. Masukkan kode berikut pada html/javascript di atas:


>

//credit to hoctro
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 = "(lagi)";
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, "");




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




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('<hr width="100%" size="1" />');
}
document.write('</ul>');




}
>var numposts = 17; var showpostdate = false; var showpostsummary = false; var numchars = 100;

Penting:
var numposts = 17 angka 17 bisa anda ganti dengan banyaknya judul postingan yang akan anda tampilkan, misalnya 7
var showpostdate=false , bisa diubah menjadi : var showpostdate=true
var showpostsummary=false , bisa diubah menjadi : var showpostsummary=true
http://artikelkomputerku.blogspot.com anda ubah dengan nama blog anda.

5. Jangan lupa klik tombol Simpan.
Ikuti saja tutorialn di atas jika anda ingin membuat atau menampilkan posting terbaru saja di blog sahabat.

Read more: http://andyhimpunanmakalah.blogspot.com/2012/06/cara-membuat-recent-post-menampilkan.html#ixzz24lWA7hQm
Share this article :

Poskan Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ANDY HIMPUNAN MAKALAH - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger