Cara Membuat Recent Post Hanya Dengan Judul Saja

 

Kembali lagi bersama rujakcemil-blog yang pada kesempatan ini akan memberikan gambaran atau pencerahan tentang recent post.. Kenapa demikian?? Yaa karena menurut saya sendiri recent post sangatlah diperlukan untuk mempermudah sobat yang berkunjung di blog kita mengetahui postingan terbaru kita, hehehe....

Tampilan recent post bukan hanya satu, melainkan banyak, contohnya Recent Post dengan gambar berjalan kebawah, itu akan memperberat loading blog kita, karena widget recent post tersebut banyak menggunakan script, kali ini saya akan share  Recent Post Hanya Dengan Judul Saja yang simple dan tidak banyak menggunakan script.

Berikut tutorial Cara Membuat Widget Recent Post Hanya Dengan Judul Saja :

1. Login Ke Blogger.
2. Masuk Dashboard.
3. Pilih Tata Letak.
4. Klik "Add Gadget".
5. Pilih "HTML/JavaScript".
6. Lalu sobat letakkan kode script di bawah ini ke dalam box "konten"

<div style='overflow:auto;height:230px'>
<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://rujakcemil.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></div>

7. Beri judul (saya rekomendasikan Postingan Terbaru / Recent Posts)
8. Klik Simpan dan selesai.

Catatan :Ganti nama yang berwarna merah dengan nama blog sobat|
Ganti nama yang berwarna hijau dengan jumlah artikel terbaru sobat
Ganti nama yang berwarna orange dengan tinggi widget recent post

Demikianlah penjelasannya sobat blogger, terimakasih.

sumber

Anda sedang membaca artikel tentang Cara Membuat Recent Post Hanya Dengan Judul Saja. Anda bisa bookmark halaman ini dengan URL http://rujakcemil.blogspot.com/2013/07/cara-membuat-recent-post-hanya-dengan.html. Jika Anda menyukai Artikel di blog ini, Silakan masukkan email Anda di bawah ini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit.